JavaScript 文本选择事件

Question

这不仅适用于 Google Chrome 扩展，也适用于 JavaScript

我正在编写一个 Chrome 扩展程序，当突出显示文本并显示上下文菜单时，我会在上下文菜单中显示我的项目，单击该项目时应处理所选文本。

调出上下文菜单并选择我的选项后，我得到了所有值为零和空值的空对象..

所以我想实现一些机制，一旦用户在选择文本后释放鼠标，就会缓冲文本选择，以便可以触发事件，如果有任何事件触发，我可以在全局中复制所选文本变量，可以稍后处理。

window.getSelected() 在我使用单独的测试代码进行测试时工作正常，但在使用我的扩展时调出上下文菜单时，我无法获得实际选择的文本。

我在文档中看到的选定文本是文本和 html。

建议请...

---

这里我粘贴了我正在做的事情。当我点击保存到单词提醒时，我得到一个空字符串:

下面是剩余的代码:

<script>
chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {


    switch(request.message)
    {
        case 'getSelection':
            sendResponse({data: window.getSelection().toString()});
        break;
        
        case 'createMenu':
            seecon();
            break;
        
        default:
            sendResponse({data: 'Invalid arguments'});
        break;
    }
});

function conOnClick(info,tab)
{

/*
    chrome.extension.sendRequest(tab.id, {method: 'getSelection'}, function(response){
        alert(response.data);
    });
*/  
}


//function seecon()
{
var contexts = ["selection"];
for (var i = 0; i < contexts.length; i++) {
  var context = contexts[i];
  var title = "Save to Word Reminder";
  var id = chrome.contextMenus.create({"title": title, "contexts":[context],
                                       "onclick": conOnClick});
  
}

}



</script>

Answer 1

我会简单地在文档上设置一个 mouseUp 事件，然后检查是否有任何选择(如果有，选择是否与之前的选择不同)。