Javascript DOM:如何使用jQuery Css3 HTML5防止[mouseClick->;selection]
我正在创建一个web应用程序,选择任何类型的元素或文本都是不必要的,看起来也不好看 我想停止任何类型的选择启动的鼠标点击和拖动的图像,除了在一个单一的div中,我希望文本是可选的,但这不是必须的,因为我会把一个按钮复制到剪贴板 如何在不破坏输入框的情况下实现这一点 我尝试了许多解决方案,但没有一个能够在不破坏输入框的情况下,全面防止页面出现这种情况Javascript DOM:如何使用jQuery Css3 HTML5防止[mouseClick->;selection],javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在创建一个web应用程序,选择任何类型的元素或文本都是不必要的,看起来也不好看 我想停止任何类型的选择启动的鼠标点击和拖动的图像,除了在一个单一的div中,我希望文本是可选的,但这不是必须的,因为我会把一个按钮复制到剪贴板 如何在不破坏输入框的情况下实现这一点 我尝试了许多解决方案,但没有一个能够在不破坏输入框的情况下,全面防止页面出现这种情况 谢谢。如果您已经启用了jQuery UI,您可以简单地将.disableSelection()链接起来。否则,使用我从这里复制的这个不错的插件 (f
谢谢。如果您已经启用了jQuery UI,您可以简单地将
.disableSelection()链接起来。
否则,使用我从这里复制的这个不错的插件
(function($){
$.fn.disableSelection = function() {
return this.each(function() {
$(this).attr('unselectable', 'on')
.css({
'-ms-user-select':'none'
'-moz-user-select':'none',
'-webkit-user-select':'none',
'user-select':'none',
})
.each(function() {
this.onselectstart = function() { return false; };
});
});
};
})(jQuery);