js禁止document element對(duì)象選中文本實(shí)現(xiàn)代碼

更新時(shí)間：2013年03月21日 14:08:53 作者：

禁止document element對(duì)象選中文本在某在情況下還是很有必要的接下來本文將使用js實(shí)現(xiàn)，感興趣的各位可以參考下哈

 
// 參數(shù) obj: 要禁止選中文本的元素的jquery對(duì)象 
// 參數(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的屬性，可看做是一種補(bǔ)充手段，使得盡可能適應(yīng)更多的瀏覽器。

您可能感興趣的文章:

相關(guān)文章

教你修改element-ui源碼給el-dialog添加全屏功能
el-dialog組件提供了fullscreen功能，但是無法滿足業(yè)務(wù)需求。系統(tǒng)使用了許多dialog，不方便重新封裝dialog組件，故直接對(duì)源碼進(jìn)行修改，這篇文章主要介紹了修改element-ui源碼給el-dialog添加全屏功能,需要的朋友可以參考下
2022-11-11
動(dòng)態(tài)生成js類的實(shí)現(xiàn)方法
動(dòng)態(tài)生成js類的實(shí)現(xiàn)方法...
2007-03-03
uniapp 封裝組件的方法實(shí)例分析
這篇文章主要介紹了uniapp 封裝組件的方法,結(jié)合實(shí)例形式分析了uniapp父級(jí)頁與子頁面組件封裝與傳參交互相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2023-06-06
不要小看注釋掉的JS 引起的安全問題
HTTP Response Splitting 攻擊主要說明的是兩個(gè)問題
2008-12-12
用javascript實(shí)現(xiàn)div可編輯的常見方法
用javascript實(shí)現(xiàn)div可編輯的常見方法...
2007-10-10
JavaScript 自動(dòng)分號(hào)插入（JavaScript synat:auto semicolon insertion）
今天在看《Extjs中文手冊(cè)》的時(shí)候，寫了四五行樣例代碼，結(jié)果IE和Firefox一直報(bào)錯(cuò)不通過。
2009-11-11
uniapp界面新增水印實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了uniapp界面新增水印實(shí)現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
Swiper如何實(shí)現(xiàn)兩行四列輪播圖效果實(shí)例
大家應(yīng)該都知道,Swiper是純javascript打造的滑動(dòng)特效插件,面向手機(jī)、平板電腦等移動(dòng)終端,下面這篇文章主要給大家介紹了關(guān)于Swiper如何實(shí)現(xiàn)兩行四列輪播圖效果的相關(guān)資料,需要的朋友可以參考下
2022-10-10
一個(gè)對(duì)于js this關(guān)鍵字的問題
一個(gè)對(duì)于js this關(guān)鍵字的問題...
2007-01-01
實(shí)用又漂亮的BootstrapValidator表單驗(yàn)證插件
這篇文章主要為大家詳細(xì)介紹了好用又漂亮的BootstrapValidator表單驗(yàn)證插件，感興趣的小伙伴們可以參考一下
2016-05-05