1

段落内のリンク（IDまたはクラスなし）を選択する場合、選択したリンクのhref値を取得する必要があります。jQueryでそれを行うにはどうすればよいですか？私はdocument.getSelection()そのための方法を使用しています。document.getSelection()しかし、href値を返すメソッドはありません。

マウスをドラッグしてリンクを選択すると、以下のようなhref値を取得できます。

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

しかし、テキストをダブルクリックしてリンクを選択すると、上記のコマンドはhref値を返しません。助けてください。

4

1 に答える 1

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のデモです。

于 2012-05-31T15:22:55.153 に答える