如何检测文本区域内的url

Question

chrome可以检测url内的textarea
选择一个url -右键单击-你会看到-go to ...
所以我希望这是可能的类似点击一个url内-得到href在控制台
下面的代码可能是一个开始，但它导致整个身体作为选择
任何想法?

document.onselectionchange = () => {
var selection = window.getSelection();
console.log(selection.anchorNode);
};

#ed{
display:block;
width:100%;
height:50vh;
padding:9px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id='ed'>
lorem ipsum
https://google.com
dolor sit
</textarea>

Answer 1

你需要:

1. 存储光标选择
2. 使用正则表达式或字符串比较方法来验证它是URL
3. 使用window.location.href = identifiedUrlString

Answer 2

你可以试试:

<script>
function isURL(value){
var regex = /https?://[-A-Za-z0-9+&@#/%?=~_|$!:,.;]*/g;
if(regex.test(value))
{
console.log(value);
}
}
document.onselectionchange = () => {
var text = window.getSelection().toString();
isURL(text);
};
</script>