javascript - 如何在javascript中单击元素时获取选定的文本

Question

我有一个带有 [contenteditable=true] 属性的 div。当我选择一些文本并单击按钮时，我想获取所选文本。我做了以下事情:

$(".btn").click(function (){
   alert(window.getSelection());
});

上面的代码不会发出任何警报。如果我将 .btn 元素更改为 img 元素，则警报会输出所选文本。我该怎么做才能在单击任何元素时获取选定的文本

这是我的 html 代码:

<li class="btn">Selection </li>
<div contenteditable="true">Some text here</div>

Answer 1

当您选择所需的文本并单击按钮时，正如 Ramon 和 adeneo 在他的评论中所解释的那样，焦点就会丢失。按钮命令在 mouseup 处执行，此时选择被清除。据我了解，您的代码之所以能够处理图像，是因为与按钮不同，图像命令是在 mousedown 处执行的。

我的建议是尝试 .on('mousedown', ...) 命令而不是简单的单击命令。