js禁止document element物件選中文字實作程式碼_javascript技巧

複製程式碼 程式碼如下:

// 參數obj: 要禁止選取文字的元素的jquery
// 參數 enabled: true, 可選中; false, 不可選取
function setSelectable(obj, enabled) {
if(enabled) {
obj.removeAttr("unselectableable").removetr(Attr"). onselectstart").css("-moz-user-select", "").css("-webkit-user-select", "");
} else {
obj.attr("unselectable" , "on").attr("onselectstart", "return false;").css("-moz-user-select", "none").css("-webkit-user-select", "none") ;
}
}

原理如下:

ie下，可以透過設定事件selectstart 的處理函數(return falsese;) 來禁止選取文字
ff和chrome下，可透過css來控制
至於，unselectable的屬性，可看做是一種補充手段，使得盡可能適應更多的瀏覽器。