Javascript禁用内容选择

Question

在 mousedown和 draggin上的

将选择Container的内容。 如何禁用此选择行为。

Answer 1

我写这个的prototype.js方法，你可以使用它们。

Element.addMethods({ 
    /** 
    * Makes element unselectable. Disables cursor select 
    * @param {Object} target 
    */ 
    setUnselectable: function(target){ 
     if (typeof target.onselectstart != "undefined") {target.onselectstart = function(){return false;};} 
     else if (typeof target.style.MozUserSelect != "undefined") { target.style.MozUserSelect = "none";} 
     else {target.onmousedown = function(){ return false;}; } 
     return target; 
    }, 
    /** 
    * Reverts unselectable effect, Enables cursor select 
    * @param {Object} target 
    */ 
    setSelectable: function(target){ 
     if (typeof target.onselectstart != "undefined") { target.onselectstart = document.createElement("div").onselectstart; } 
     else if (typeof target.style.MozUserSelect != "undefined") { target.style.MozUserSelect = document.createElement("div").style.MozUserSelect; } 
     else { target.onmousedown = ""; } 
     return target; 
    } 
}); 

为了不可选元素

$('element_id').setUnselectable(); 

要恢复回

$('element_id').setSelectable(); 

Answer 2

为了弥补在你的CSS所有基地，集所有这些属性：

user-select: none 
-webkit-user-select: none 
-khtml-user-select: none 
-moz-user-select: none