如何在html中选择某些内容时显示弹出窗口？

【问题标题】：How to show a pop up on something is selected in html?如何在html中选择某些内容时显示弹出窗口？
【发布时间】：2016-10-23 00:25:37
【问题描述】：

我知道有一个 onselect 事件适用于 input 和 textarea 元素。当在 body 元素上选择某些内容时，我想显示一个像谷歌字典一样的弹出窗口。有哪些可能的选择？

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

【问题讨论】：

你能展示一下你尝试过的东西吗？
为什么它被否决我问了一个我不知道的问题。这有什么问题？
请阅读stackoverflow.com/help/how-to-ask

标签： javascript html css select

【解决方案1】：

您可以尝试 JQuery 的 mouseup 命令 - 当您在选择结束时松开鼠标按钮时会触发它。

别人在 JSFiddle 上的例子：http://fiddle.jshell.net/g59KM/12/

$(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>");
    })
});

...这说明了我的观点 - 选择其中的任何文本，然后当您释放鼠标时将调用一个事件，您可以使用该事件。

jQuery 指令：is here

【讨论】：