如何在使用jquery选择文本时触发警报
当我在一个div中选择文本(::selection)时,我试图提醒一些消息。有人能给我一些提示吗 我还可以更改::selection的css吗? 这似乎不起作用如何在使用jquery选择文本时触发警报,jquery,Jquery,当我在一个div中选择文本(::selection)时,我试图提醒一些消息。有人能给我一些提示吗 我还可以更改::selection的css吗? 这似乎不起作用 $('::selection').css({…下面是一个使用jQuery实现这一点的JSFIDLE示例: 当然,您可以将其委托给特定的选择器,这样它只适用于您的目标div 从中引用的函数应该可以帮助您解决问题。感谢您的帮助。请标记这是否回答了您的问题,或者在回答之前是否需要更多说明。在您的样式中使用selection规则是否不够?div
$('::selection').css({…下面是一个使用jQuery实现这一点的JSFIDLE示例: 当然,您可以将其委托给特定的选择器,这样它只适用于您的目标div
从中引用的函数应该可以帮助您解决问题。感谢您的帮助。请标记这是否回答了您的问题,或者在回答之前是否需要更多说明。在您的样式中使用
selection
规则是否不够?div::selection{background:red;}
$('div::selection')。警报('hi'));我希望这样的事情能起作用。它会简单得多。不幸的是,没有DOM事件触发这样的选择,这就是为什么我提供了在主体上检测mouseup
事件的示例,并检查是否选择了任何文本。
(function (window, document, $) {
var getSelectedText = function () {
var text = "";
if (window.getSelection) {
text = window.getSelection().toString();
} else if (document.selection && document.selection.type != "Control") {
text = document.selection.createRange().text;
}
return text;
};
$(document.body).on("mouseup", function () {
var selectedText = getSelectedText();
if (selectedText.length !== 0) {
alert("You selected: " + selectedText);
}
});
})(window, document, jQuery);