DOM：如何防止[mouseClick - >選擇]與jQuery Css3 HTML5

Question

我正在創建一個網絡應用程序，任何元素或文本的選擇是不必要的，看起來不好。

我想停止任何形式的選擇，通過鼠標點擊和拖動圖像，除了在一個單獨的div，我希望文本是可選的，但這不是必須的，因爲我會放一個按鈕來複制它到剪貼板。

如何在不損壞輸入框的情況下實現這一目標？

我嘗試了很多解決方案，但沒有一個是整體防止在頁面整體上沒有打破輸入框。

謝謝。

Answer 1

如果您已經啓用jQuery用戶界面，你可以簡單地連鎖.disableSelection()否則，用這個漂亮的插件，我從這裏How to disable text selection using 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);