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

DOM: How to prevent [mouseClick -> selection] with jQuery Css3 HTML5

本文关键字：mouseClick- gt selection 防止 何使用 jQuery HTML5 Css3 DOM      更新时间：2023-09-26

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

我想停止任何通过鼠标点击和拖动图像启动的选择，除了在一个单独的div中，我希望文本可以选择，但这不是必须的，因为我会放一个按钮将其复制到剪贴板。

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

我尝试了很多解决方案，但没有一个能在不破坏输入框的情况下在整个页面上阻止这种情况。

谢谢。

如果你已经启用了jQuery UI，你可以简单地链接.disableSelection()。否则，从这里使用这个漂亮的插件。如何使用jQuery禁用文本选择？

(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);
相关文章：