js禁止document element對象選中文本實(shí)現(xiàn)代碼
更新時(shí)間：2013年03月21日 14:08:53 作者：
禁止document element對象選中文本在某在情況下還是很有必要的接下來本文將使用js實(shí)現(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的屬性，可看做是一種補(bǔ)充手段，使得盡可能適應(yīng)更多的瀏覽器。
相關(guān)文章
JavaScript簡單生成 N~M 之間隨機(jī)數(shù)的方法
這篇文章主要介紹了JavaScript簡單生成 N~M 之間隨機(jī)數(shù)的方法,結(jié)合自定義函數(shù)分析了JS生成固定區(qū)間內(nèi)隨機(jī)數(shù)的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-01-01
js項(xiàng)目中雙向數(shù)據(jù)綁定的簡單實(shí)現(xiàn)方法
雙向數(shù)據(jù)綁定指的就是，綁定對象屬性的改變到用戶界面的變化的能力,反之亦然,下面這篇文章主要給大家介紹了關(guān)于js項(xiàng)目中雙向數(shù)據(jù)綁定的簡單實(shí)現(xiàn)方法,需要的朋友可以參考下2021-08-08
在上一篇文章中的（偽）Lambda模塊中使用了幾個(gè)小技巧，現(xiàn)在我就把這幾個(gè)小技巧介紹一下2010-09-09
用JS實(shí)現(xiàn)網(wǎng)頁元素陰影效果的研究總結(jié)
用JS實(shí)現(xiàn)網(wǎng)頁元素陰影效果的研究總結(jié)...2007-08-08
JavaScript的數(shù)據(jù)類型是非常弱的（不然不會(huì)叫它做弱類型語言了）！在使用算術(shù)運(yùn)算符時(shí)，運(yùn)算符兩邊的數(shù)據(jù)類型可以是任意的，比如，一個(gè)字符串可以和數(shù)字相加2016-03-03
JScript面向事件驅(qū)動(dòng)的編程...2007-01-01
IE6瀏覽器中window.location.href無效的解決方法
這篇文章主要介紹了IE6瀏覽器中window.location.href無效的解決方法,給出了正確與錯(cuò)誤的實(shí)例對比,分析跳轉(zhuǎn)無效的原因與解決方法,是非常實(shí)用的技巧,需要的朋友可以參考下2014-11-11
js實(shí)現(xiàn)C#的StringBuilder效果完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)C#的StringBuilder效果,以完整實(shí)例形式分析總結(jié)了js實(shí)現(xiàn)C#的StringBuilder效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
javascript 翻頁測試頁(動(dòng)態(tài)創(chuàng)建標(biāo)簽并自動(dòng)翻頁)
javascript 翻頁測試頁(動(dòng)態(tài)創(chuàng)建標(biāo)簽并自動(dòng)翻頁)，需要的朋友可以參考下。2009-12-12
這篇文章主要介紹了webpack-dev-middleware 源碼解讀，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03