Javascript DOM:如何使用jQuery Css3 HTML5防止[mouseClick->;selection]

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

我正在创建一个web应用程序,选择任何类型的元素或文本都是不必要的,看起来也不好看

我想停止任何类型的选择启动的鼠标点击和拖动的图像,除了在一个单一的div中,我希望文本是可选的,但这不是必须的,因为我会把一个按钮复制到剪贴板

如何在不破坏输入框的情况下实现这一点

我尝试了许多解决方案,但没有一个能够在不破坏输入框的情况下,全面防止页面出现这种情况


谢谢。

如果您已经启用了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);