保存所选文本中的超链接 URL?



是否可以只存储当前所选文本的URL

这会将所选文本保存在页面上

var selectedText = window.getSelection().toString();

这将保存所有超链接

var links = document.links;

编辑:
这将返回null:

var data=new Object();
    data.selectedText = window.getSelection();
    console.log(data.selectedText.outerHTML);

如果你只想获得"a"标签中的链接,你可以这样做:

function getLinksFromSelection() {
    if (window.getSelection) {
        var selection = window.getSelection();
        if (selection.rangeCount > 0) {
            var range = selection.getRangeAt(0);
            var div = document.createElement('DIV');
            div.appendChild(range.cloneContents());
            var links = div.getElementsByTagName("A")
            for (var i=0; i < links.length; i++) {
                console.log(links[i].href);
            }
    }
}

如果你还想考虑链接中包含的选择(即链接是选择的父节点),那么你可以添加这样的内容:

var alink = range.commonAncestorContainer;
if (alink.nodeType == 3) {
    // if text node then get parent
    alink = alink.parentNode;
}
if (alink.tagName === 'A') {
    console.log(alink.href)
}

小提琴在这儿:http://jsfiddle.net/ESr3C/

function getLinks() {
    var selectedText = window.getSelection().toString();
    regex = new RegExp(/((([A-Za-z]{3,9}:(?://)?)(?:[-;:&=+$,w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,w]+@)[A-Za-z0-9.-]+)((?:/[+~%/.w-_]*)???(?:[-+=&;%@.w_]*)#?(?:[w]*))?)/gim);
    var result;
    while((result = regex.exec(selectedText)) !== null) {
       console.log(result[1])
    }
}

最新更新