禁止選中文字兼容IE、Chrome、FF等
更新時(shí)間：2013年09月04日 16:41:55 作者：
禁止選中文字在某些時(shí)候還是蠻有必要的，比如不想讓他人復(fù)制自己的文章之類的，下面為大家介紹下具體的實(shí)現(xiàn)方，而且兼容目前主流瀏覽器
復(fù)制代碼 代碼如下:
$(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;/**禁止選中文字*/
}
您可能感興趣的文章:
- js代碼判斷瀏覽器種類IE、FF、Opera、Safari、chrome及版本
- 使用Chrome調(diào)試JavaScript的斷點(diǎn)設(shè)置和調(diào)試技巧
- JavaScript無提示關(guān)閉窗口(兼容IE/Firefox/Chrome)
- 解決javascript:window.close()在chrome,Firefox下失效的問題
- 如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁(yè)面時(shí)彈出“確定要離開此面嗎？”
- 完美兼容IE,chrome,ff的設(shè)為首頁(yè)、加入收藏及保存到桌面js代碼
- JQuery自適應(yīng)IFrame高度（支持嵌套 兼容IE,ff,safafi,chrome）
- jQuery一步一步實(shí)現(xiàn)跨瀏覽器的可編輯表格，支持IE、Firefox、Safari、Chrome、Opera
- 兼容IE、FireFox、Chrome等瀏覽器的xml處理函數(shù)js代碼
- jQuery旋轉(zhuǎn)插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- chrome瀏覽器當(dāng)表單自動(dòng)填充時(shí)如何去除瀏覽器自動(dòng)添加的默認(rèn)樣式
- js chrome瀏覽器判斷代碼
- json格式化/壓縮工具 Chrome插件擴(kuò)展版
- 解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問題
- JavaScript獲取鼠標(biāo)坐標(biāo)的函數(shù)（兼容IE、FireFox、Chrome）
- javascript判斷chrome瀏覽器的方法
- Chrome擴(kuò)展頁(yè)面動(dòng)態(tài)綁定JS事件提示錯(cuò)誤
- Chrome開發(fā)者工具9個(gè)調(diào)試技巧詳解
相關(guān)文章
基于JQuery和原生JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)定位導(dǎo)航特效
本文通過實(shí)例代碼給大家介紹了基于JQuery和原生JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)定位導(dǎo)航特效，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-04-04
在一些圖片比較多的網(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ù)字加減的功能的方法。非常的簡(jiǎn)單實(shí)用，這里推薦給大家2014-12-12
毫無疑問，jQuery的獨(dú)到之處就是它以集合為中心的操作。為了取得DOM對(duì)象集合，jQuery利用JavaScript不僅實(shí)現(xiàn)了（它誕生時(shí)）很多瀏覽器不支持的CSS選擇符，還實(shí)現(xiàn)了不少獨(dú)到的自定義選擇符，為在文檔中查找元素提供了極大的便利2011-11-11
jquery 查找iframe父級(jí)頁(yè)面元素的實(shí)現(xiàn)代碼
jquery 查找iframe父級(jí)頁(yè)面元素的實(shí)現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。2011-08-08
MVC+jQuery.Ajax異步實(shí)現(xiàn)增刪改查和分頁(yè)
這篇文章主要為大家詳細(xì)介紹了MVC結(jié)合jQuery.Ajax異步實(shí)現(xiàn)增刪改查和分頁(yè)的相關(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允許您創(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ǔ)框架:原型模式結(jié)構(gòu)、返回選擇器實(shí)例、訪問原型方法、自執(zhí)行匿名函數(shù)詳細(xì)介紹，需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了JQuery操作元素的css樣式的相關(guān)資料,需要的朋友可以參考下2015-03-03