Question

我是Google Extension计划的新手。

我遇到了一个问题 - 如何获取所选区域的坐标？我正在构建某种翻译应用程序，当用户选择单词时，弹出窗口应该出现在附近的单词信息。

目前，我正在chrome.contextMenus.create通过"onclick"事件进行选择。（如Get selected text in a chrome extension）。我假设使用chrome.tabs.executeScript来运行我的弹出代码，但是如何选择coodinates（x，y）来定位我的弹出窗口？

感谢您的建议。

Answer 1

所以我发现最简单的事情就是轮询鼠标位置，但只在点击发生时捕获它。

$(document).ready(function(){
  $(document).mousemove(function(e){
    $('html').click(function(e) {
      $('#c_loc').html("" + e.pageX + ", " + e.pageY);
    });
  });
});

请注意，我使用html而非body。 Body仅捕获 body 高度（您可能需要，您自行决定），但我使用html，因为我的示例只有100左右像素高。 Aka我需要更大的点击空间来使用示例。

See this example.

Google Chrome扩展程序获取选择坐标

1 个答案: