Javascript 如何在html中选择的内容上显示弹出窗口？

我知道有一个onselect事件对输入和textarea元素起作用。 我想显示一个弹出窗口，就像GoogleDictionary在body元素上选择某个内容时所做的那样。 有哪些可能的选择

---

蓝色区域就是我所说的选择。

您可以尝试JQuery的mouseup命令-当您在选择结束时释放鼠标按钮时，它将被触发

其他人在JSFIDLE上的示例：

$（文档）.ready（函数（）{
$（'#textarea'）.mousedown（函数（）{
$（“#警报p”）.append（“鼠标按下”）；
});
$（文档）.mouseup（函数（）{
$（“#警报p”）.append（“鼠标向上”）；
})
});

…这说明了我的观点-选择他们的任何文本，然后当您释放鼠标时，将调用一个事件，您可以使用它

---

JQuery指令：

你能展示一下你的尝试吗？为什么被否决？我问了一个我不知道的问题。这有什么问题？请阅读

$(document).ready(function() {
    $('#textarea').mousedown(function() {
        $("#alerts p").append("<span style=\"color:blue;\">Mouse down. </span>");
    });
    $(document).mouseup(function() {
        $("#alerts p").append("<span style=\"color:red;\">Mouse up. </span>");
    })
});