js禁止document element對(duì)象選中文本實(shí)現(xiàn)代碼
更新時(shí)間：2013年03月21日 14:08:53 作者：
禁止document element對(duì)象選中文本在某在情況下還是很有必要的接下來本文將使用js實(shí)現(xiàn)，感興趣的各位可以參考下哈
復(fù)制代碼 代碼如下:
// 參數(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)更多的瀏覽器。
您可能感興趣的文章:
- js基礎(chǔ)之DOM中document對(duì)象的常用屬性方法詳解
- JavaScript——DOM操作——Window.document對(duì)象詳解
- JavaScript中document對(duì)象使用詳解
- JavaScript基礎(chǔ)語(yǔ)法、dom操作樹及document對(duì)象
- 淺析JS中document對(duì)象的一些重要屬性
- JavaScript的document對(duì)象和window對(duì)象詳解
- javascript代碼在ie8里報(bào)錯(cuò) document.getElementById(...) 為空或不是對(duì)象的解決方法
- JavaScript document 對(duì)象常用方法
相關(guān)文章
教你修改element-ui源碼給el-dialog添加全屏功能
el-dialog組件提供了fullscreen功能，但是無(wú)法滿足業(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 封裝組件的方法,結(jié)合實(shí)例形式分析了uniapp父級(jí)頁(yè)與子頁(yè)面組件封裝與傳參交互相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2023-06-06
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)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(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