復制代碼 代碼如下:
// 參數 obj: 要禁止選中文本的元素的jquery對象
// 參數 enabled: true, 可選中; false, 不可選中
function setSelectable(obj, enabled) {
if(enabled) {
obj.removeAttr("unselectable").removeAttr("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 false;) 來禁止選中文本
ff和chrome下，可通過css來控制
至於，unselectable的屬性，可看做是一種補充手段，使得盡可能適應更多的浏覽器。