ONSELECT不会触发事件上的div

我一直无法触发连接到<DIV>元素的ONSELECT事件处理程序。是否有可能强制<div>发出选择事件？ONSELECT不会触发事件上的div

来源

2008-12-28 dpq

根据w3schools，onSelect仅在输入和textarea对象上定义。

然而，您可能会尝试捕获当前窗口/文档中的MouseUp event和retrieve the selected text。

来源

2008-12-28 10:46:52 devio

使用OnClick。

:select仅适用于某些表单元素。

来源

2008-12-28 11:00:55 Oli

你可以通过使用onMouseUp事件来实现你想要的。见下面...

<html> 
    <body> 
     <div id="container" style="border: 1px solid #333" contentEditable="true" onMouseUp="checkMe()">Type text here</div> 

    </body> 
    <script language="javascript"> 
    function checkMe() { 
     var txt = ""; 

     if (window.getSelection) { 
       txt = window.getSelection(); 
     } 
     else if (document.getSelection) { 
      txt = document.getSelection(); 
     } else if (document.selection) { 
      txt = document.selection.createRange().text; 
     } 

     alert("Selected text is " + txt); 
    } 
    </script> 
</html>

来源

2012-02-15 15:09:38

这或多或少是我正在寻找，但它不考虑用户将使用键盘来扩展或移动选择的可能性。但是，将相同的逻辑绑定到onKeyUp可能会起作用。 – 2014-10-27 03:55:50

ONSELECT不会触发事件上的div

回答

相关问题