禁止選中文字兼容IE、Chrome、FF等

更新時(shí)間：2013年09月04日 16:41:55 作者：

禁止選中文字在某些時(shí)候還是蠻有必要的，比如不想讓他人復(fù)制自己的文章之類的，下面為大家介紹下具體的實(shí)現(xiàn)方，而且兼容目前主流瀏覽器

 
$(el).attr('unselectable','on') 
.css({'-moz-user-select':'-moz-none', 
'-moz-user-select':'none', 
'-o-user-select':'none', 
'-khtml-user-select':'none', /* you could also put this in a class */ 
'-webkit-user-select':'none',/* and add the CSS class here instead */ 
'-ms-user-select':'none', 
'user-select':'none' 
}).bind('selectstart', function(){ return false; }); 

根據(jù)上面分析可以設(shè)置你需要禁止選中文字區(qū)域的 css。如：

復(fù)制代碼代碼如下:

 
.table { 
text-align: center; 
vertical-align:middle; 
height: 39px; 
overflow: hidden; 
moz-user-select: -moz-none; 
-moz-user-select: none; 
-o-user-select:none; 
-khtml-user-select:none; /* you could also put this in a class */ 
-webkit-user-select:none;/* and add the CSS class here instead */ 
-ms-user-select:none; 
user-select:none;/**禁止選中文字*/ 
} 

您可能感興趣的文章:

相關(guān)文章

基于JQuery和原生JavaScript實(shí)現(xiàn)網(wǎng)頁定位導(dǎo)航特效
本文通過實(shí)例代碼給大家介紹了基于JQuery和原生JavaScript實(shí)現(xiàn)網(wǎng)頁定位導(dǎo)航特效，代碼簡單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-04-04
jquery解決圖片路徑不存在執(zhí)行替換路徑
在一些圖片比較多的網(wǎng)站上會(huì)出現(xiàn)訪問時(shí)圖片不存在的情況：默認(rèn)顯示出來的樣子很不雅觀,可以解決圖片不存在時(shí)，使用其他的圖片替換嗎，答案是可以的；感興趣的朋友可以了解下，或許本文可以幫助到你
2013-02-02
jQuery實(shí)現(xiàn)數(shù)字加減效果匯總
本文將介紹常見的幾種使用spinner數(shù)字微調(diào)器來實(shí)現(xiàn)數(shù)字加減的功能的方法。非常的簡單實(shí)用，這里推薦給大家
2014-12-12
jQuery代碼優(yōu)化選擇符篇
毫無疑問，jQuery的獨(dú)到之處就是它以集合為中心的操作。為了取得DOM對(duì)象集合，jQuery利用JavaScript不僅實(shí)現(xiàn)了（它誕生時(shí)）很多瀏覽器不支持的CSS選擇符，還實(shí)現(xiàn)了不少獨(dú)到的自定義選擇符，為在文檔中查找元素提供了極大的便利
2011-11-11
jquery 查找iframe父級(jí)頁面元素的實(shí)現(xiàn)代碼
jquery 查找iframe父級(jí)頁面元素的實(shí)現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。
2011-08-08
MVC+jQuery.Ajax異步實(shí)現(xiàn)增刪改查和分頁
這篇文章主要為大家詳細(xì)介紹了MVC結(jié)合jQuery.Ajax異步實(shí)現(xiàn)增刪改查和分頁的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-05-05
jQuery當(dāng)鼠標(biāo)懸停時(shí)放大圖片的效果實(shí)例
這是一個(gè)基于jQuery的效果，當(dāng)鼠標(biāo)在小圖片上懸停時(shí)，會(huì)彈出一個(gè)大圖，該大圖會(huì)跟隨鼠標(biāo)的移動(dòng)而移動(dòng)
2013-07-07
廣泛收集的jQuery拖放插件集合
jQuery允許您創(chuàng)造時(shí)尚而又用戶體驗(yàn)友好的網(wǎng)站，不僅看起來悅目，而且他輕量級(jí)的大小負(fù)荷使網(wǎng)站響應(yīng)相當(dāng)迅速。這是jQuery在Web開發(fā)領(lǐng)域如此受重視的原因
2012-04-04
jQuery基礎(chǔ)框架淺入剖析
jQuery基礎(chǔ)框架:原型模式結(jié)構(gòu)、返回選擇器實(shí)例、訪問原型方法、自執(zhí)行匿名函數(shù)詳細(xì)介紹，需要了解的朋友可以參考下
2012-12-12
JQuery操作元素的css樣式
這篇文章主要介紹了JQuery操作元素的css樣式的相關(guān)資料,需要的朋友可以參考下
2015-03-03