js禁止document element對象選中文本實現(xiàn)代碼
更新時間：2013年03月21日 14:08:53 作者：
禁止document element對象選中文本在某在情況下還是很有必要的接下來本文將使用js實現(xiàn)，感興趣的各位可以參考下哈
復(fù)制代碼 代碼如下:
// 參數(shù) obj: 要禁止選中文本的元素的jquery對象
// 參數(shù) 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下，可以通過設(shè)置事件 selectstart 的處理函數(shù)(return false;) 來禁止選中文本
ff和chrome下，可通過css來控制
至于，unselectable的屬性，可看做是一種補充手段，使得盡可能適應(yīng)更多的瀏覽器。
相關(guān)文章
教你修改element-ui源碼給el-dialog添加全屏功能
el-dialog組件提供了fullscreen功能，但是無法滿足業(yè)務(wù)需求。系統(tǒng)使用了許多dialog，不方便重新封裝dialog組件，故直接對源碼進行修改，這篇文章主要介紹了修改element-ui源碼給el-dialog添加全屏功能,需要的朋友可以參考下2022-11-11
動態(tài)生成js類的實現(xiàn)方法...2007-03-03
這篇文章主要介紹了uniapp 封裝組件的方法,結(jié)合實例形式分析了uniapp父級頁與子頁面組件封裝與傳參交互相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2023-06-06
HTTP Response Splitting 攻擊主要說明的是兩個問題2008-12-12
用javascript實現(xiàn)div可編輯的常見方法
用javascript實現(xiàn)div可編輯的常見方法...2007-10-10
JavaScript 自動分號插入（JavaScript synat:auto semicolon insertion）
今天在看《Extjs中文手冊》的時候，寫了四五行樣例代碼，結(jié)果IE和Firefox一直報錯不通過。2009-11-11
這篇文章主要為大家介紹了uniapp界面新增水印實現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
大家應(yīng)該都知道,Swiper是純javascript打造的滑動特效插件,面向手機、平板電腦等移動終端,下面這篇文章主要給大家介紹了關(guān)于Swiper如何實現(xiàn)兩行四列輪播圖效果的相關(guān)資料,需要的朋友可以參考下2022-10-10
一個對于js this關(guān)鍵字的問題...2007-01-01
實用又漂亮的BootstrapValidator表單驗證插件
這篇文章主要為大家詳細介紹了好用又漂亮的BootstrapValidator表單驗證插件，感興趣的小伙伴們可以參考一下2016-05-05