使用 javascript 抓取所选内容周围的单词以及同一
的一部分元素？

发布于 2024-10-17 03:33:45 字数 514 浏览 4 评论 0原文

我正在创建一个书签，它接受选定的单词和同一段落元素中的其他单词，对它们进行编码，然后将它们发送到我的服务器。

例如，考虑以下情况：

<p>The quick brown fox jumped over the fence.</p>

如果用户选择“jumped”（通过突出显示它）并单击小书签，我希望将“jumped”作为一个编码字符串发送，并将“The Quick Brown Fox Jumped over the fence”作为附加内容发送编码的字符串。

这是我到目前为止所得到的。 getSelection 函数将“跳转”发送到我的服务：

javascript:location.href='http://www.myservice.com/new.php?'+'url_def='+encodeURIComponent(getSelection())

我可以在此附加什么才能将段落元素中的附加文本发送到我的服务？

原文

I'm looking to create a bookmarklet that takes a selected word and the other words in the same paragraph element, encodes them, and sends them to my server.

For instance, consider the following:

<p>The quick brown fox jumped over the fence.</p>

Had the user selected "jumped" (by highlighting it) and clicked the bookmarklet, I would want to send "jumped" as one encoded string and "The quick brown fox jumped over the fence" as an additional encoded string.

Here's what I've got thus far. The getSelection function sends "jumped" to my service:

javascript:location.href='http://www.myservice.com/new.php?'+'url_def='+encodeURIComponent(getSelection())

What can I append to this in order to get the additional text in the paragraph element to my service?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

能怎样 2024-10-24 03:33:45

你所拥有的在 IE 中不起作用，IE 有不同的机制来获取选择。如果您想要的是包含整个选择的元素的文本，您可以执行类似的操作，这将适用于所有主要浏览器。

示例： http://jsfiddle.net/timdown/X7n5R/

代码：

function getSelectedText() {
    var selectedText = "", containerText = "";
    if (typeof window.getSelection != "undefined") {
        var sel = window.getSelection();
        if (sel.rangeCount) {
            var range = sel.getRangeAt(0);
            selectedText = range.toString();
            var container = range.commonAncestorContainer;
            if (container.nodeType == 3) {
                container = container.parentNode;
            }
            containerText = container.textContent;
        }
    } else if (typeof document.selection != "undefined" && document.selection.type != "Control") {
        var textRange = document.selection.createRange();
        selectedText = textRange.text;
        containerText = textRange.parentElement().innerText;
    }
    return {
        selectedText: selectedText,
        containerText: containerText
    };
}

What you have won't work in IE, which has a different mechanism for getting hold of the selection. If what you want is the text of element containing the whole selection, you can do something like this, which will work in all major browsers.

Example: http://jsfiddle.net/timdown/X7n5R/

Code:

function getSelectedText() {
    var selectedText = "", containerText = "";
    if (typeof window.getSelection != "undefined") {
        var sel = window.getSelection();
        if (sel.rangeCount) {
            var range = sel.getRangeAt(0);
            selectedText = range.toString();
            var container = range.commonAncestorContainer;
            if (container.nodeType == 3) {
                container = container.parentNode;
            }
            containerText = container.textContent;
        }
    } else if (typeof document.selection != "undefined" && document.selection.type != "Control") {
        var textRange = document.selection.createRange();
        selectedText = textRange.text;
        containerText = textRange.parentElement().innerText;
    }
    return {
        selectedText: selectedText,
        containerText: containerText
    };
}

回复收藏 0 原文