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

更新时间：2013年09月04日 16:41:55 作者：

禁止选中文字在某些时候还是蛮有必要的，比如不想让他人复制自己的文章之类的，下面为大家介绍下具体的实现方，而且兼容目前主流浏览器

 
$(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; }); 

根据上面分析可以设置你需要禁止选中文字区域的 css。如：

复制代码代码如下:

 
.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;/**禁止选中文字*/ 
} 

您可能感兴趣的文章:

基于JQuery和原生JavaScript实现网页定位导航特效
本文通过实例代码给大家介绍了基于JQuery和原生JavaScript实现网页定位导航特效，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧
2017-04-04
jquery解决图片路径不存在执行替换路径
在一些图片比较多的网站上会出现访问时图片不存在的情况：默认显示出来的样子很不雅观,可以解决图片不存在时，使用其他的图片替换吗，答案是可以的；感兴趣的朋友可以了解下，或许本文可以帮助到你
2013-02-02
jQuery实现数字加减效果汇总
本文将介绍常见的几种使用spinner数字微调器来实现数字加减的功能的方法。非常的简单实用，这里推荐给大家
2014-12-12
jQuery代码优化选择符篇
毫无疑问，jQuery的独到之处就是它以集合为中心的操作。为了取得DOM对象集合，jQuery利用JavaScript不仅实现了（它诞生时）很多浏览器不支持的CSS选择符，还实现了不少独到的自定义选择符，为在文档中查找元素提供了极大的便利
2011-11-11
jquery 查找iframe父级页面元素的实现代码
jquery 查找iframe父级页面元素的实现代码，学习jquery的朋友可以参考下。
2011-08-08
MVC+jQuery.Ajax异步实现增删改查和分页
这篇文章主要为大家详细介绍了MVC结合jQuery.Ajax异步实现增删改查和分页的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-05-05
jQuery当鼠标悬停时放大图片的效果实例
这是一个基于jQuery的效果，当鼠标在小图片上悬停时，会弹出一个大图，该大图会跟随鼠标的移动而移动
2013-07-07
广泛收集的jQuery拖放插件集合
jQuery允许您创造时尚而又用户体验友好的网站，不仅看起来悦目，而且他轻量级的大小负荷使网站响应相当迅速。这是jQuery在Web开发领域如此受重视的原因
2012-04-04
jQuery基础框架浅入剖析
jQuery基础框架:原型模式结构、返回选择器实例、访问原型方法、自执行匿名函数详细介绍，需要了解的朋友可以参考下
2012-12-12
JQuery操作元素的css样式
这篇文章主要介绍了JQuery操作元素的css样式的相关资料,需要的朋友可以参考下
2015-03-03

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具