突出显示文本时获得光标的位置

发布于 2025-02-09 00:24:40 字数 1109 浏览 1 评论 0 原文

我需要创建一个人们可以用来查找单词的 chrome扩展名。而且我发现我使用双击方法，例如当我想找到一个单词的含义时，我只需双击，然后出现通知。 （下图是我的chrome扩展。）

。

但是，我发现用户很难找到Pharsal的含义动词，搭配和句子。
所以想出一个想法，我可以在用户选择文本，以及本文的最后一封信，我得到位置。

此外，我还发现了许多其他Chrome扩展支持这个功能，它们真是太好了！其中之一是“边缘翻译”。当我欣赏文本，然后释放鼠标时，它会出现一个小弹出球，然后单击该球，它会出现面板。这是他们的扩展： “ nofollow noreferrer>” google.com/webstore/detail/Edge-translate/bocbaobfecmglnmeaeepamepameimao?hl = en

原文

分享到QQ

分享到微博

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

发布评论

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

情深如许 2025-02-16 00:24:40

要获取选择的文本，您可以使用此功能，然后删除点，以及您不感兴趣的其他字符，然后按空格将所选文本拆分以获取最后一个单词。（也不需要光标坐标，因此您可以删除该件。

  let hasSelection = false;
  function showCoordsForMouseUp(event) {
      const selection = window.getSelection().toString()
      hasSelection = selection.length;
      if (hasSelection) {
          const x = event.clientX;
          const y = event.clientY;
          const coords = `X coords: ${x} , Y coords: ${y}`;
          console.log(`${coords} - ${selection}`)
      } else {
          console.log('No text selected')
      }
  }

  document.onmouseup = showCoordsForMouseUp;

To get the text selected you could use this function, then remove the dots, and other characters you are not interested in and split the selected text by spaces to get the last word. (also you don't need the cursor coordinates for it, so you could remove this piece. of the code)

  let hasSelection = false;
  function showCoordsForMouseUp(event) {
      const selection = window.getSelection().toString()
      hasSelection = selection.length;
      if (hasSelection) {
          const x = event.clientX;
          const y = event.clientY;
          const coords = `X coords: ${x} , Y coords: ${y}`;
          console.log(`${coords} - ${selection}`)
      } else {
          console.log('No text selected')
      }
  }

  document.onmouseup = showCoordsForMouseUp;

回复收藏 0 原文

梦魇绽荼蘼 2025-02-16 00:24:40

感谢您的贡献，我在Mouseup活动中找到了解决方案。

document.onmouseup = function F(e) {
  x = e.pageX;
  y = e.pageY;
  if (window.getSelection().toString() != "") {
    console.log("X: " + x + "Y: " + y);
  }
}

<p>
  Flower, flowers.
</p>

Thanks for your contribution, I have found the solution with onMouseUp Event.

document.onmouseup = function F(e) {
  x = e.pageX;
  y = e.pageY;
  if (window.getSelection().toString() != "") {
    console.log("X: " + x + "Y: " + y);
  }
}