javascript - 如何获取选定锚文本的标记名及其href

Question

当我在段落中选择一个链接（没有 id 或类）时，我需要获取所选链接的 href 值。我如何在 jQuery 中做到这一点？我正在为此使用document.getSelection()方法。但我没有看到任何document.getSelection()返回 href 值的方法。

当我通过拖动鼠标选择链接时，我可以获得如下所示的 href 值。

currentLink = document.getSelection().anchorNode.parentElement.href;

但是当我通过双击文本选择链接时，上面的命令将不会返回 href 值。请帮忙。

Answer 1

在这里，我给你写了一些东西让你开始。它比您的原始代码更具跨浏览器：

(function(AnchorSelector, $, undefined) {

    AnchorSelector.getAnchorHrefs = function(e) {
        var container = '';
        if (window.getSelection) {
            var sel = window.getSelection();
            if (sel.rangeCount) {
                var div = $('<div>');
                for (var i = 0, len = sel.rangeCount; i < len; ++i) {
                    div.append(sel.getRangeAt(i).cloneContents());
                }
                container = div;
            }
        } else if (document.selection) {
            container = $('<div>').append(document.selection.createRange().htmlText);
        }
        var arr = $.map(container.find('a'), function(n, i) {
            return ($(n).attr('href'));
        });
        if (arr.length) {
            alert(arr.join(','));
        }
        // Note: you can check e.type to see if it was a 'dblclick' or a 'mouseup' 
        // you may need to employ some type of debouncing to not get two alerts
        // when you double click the text
    }

    $(function() {
        $(document)
            .dblclick(AnchorSelector.getAnchorHrefs)
            .mouseup(AnchorSelector.getAnchorHrefs);
    });

})(window.AnchorSelector = window.AnchorSelector || {}, jQuery);

这是一个jsFiddle 演示。