js禁止document element对象选中文本实现代码
更新时间：2013年03月21日 14:08:53 作者：
禁止document element对象选中文本在某在情况下还是很有必要的接下来本文将使用js实现，感兴趣的各位可以参考下哈
复制代码 代码如下:
// 参数 obj: 要禁止选中文本的元素的jquery对象
// 参数 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下，可以通过设置事件 selectstart 的处理函数(return false;) 来禁止选中文本
ff和chrome下，可通过css来控制
至于，unselectable的属性，可看做是一种补充手段，使得尽可能适应更多的浏览器。
相关文章
教你修改element-ui源码给el-dialog添加全屏功能
el-dialog组件提供了fullscreen功能，但是无法满足业务需求。系统使用了许多dialog，不方便重新封装dialog组件，故直接对源码进行修改，这篇文章主要介绍了修改element-ui源码给el-dialog添加全屏功能,需要的朋友可以参考下2022-11-11
动态生成js类的实现方法...2007-03-03
这篇文章主要介绍了uniapp 封装组件的方法,结合实例形式分析了uniapp父级页与子页面组件封装与传参交互相关实现技巧,需要的朋友可以参考下2023-06-06
HTTP Response Splitting 攻击主要说明的是两个问题2008-12-12
用javascript实现div可编辑的常见方法...2007-10-10
JavaScript 自动分号插入（JavaScript synat:auto semicolon insertion）
今天在看《Extjs中文手册》的时候，写了四五行样例代码，结果IE和Firefox一直报错不通过。2009-11-11
这篇文章主要为大家介绍了uniapp界面新增水印实现示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
大家应该都知道,Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端,下面这篇文章主要给大家介绍了关于Swiper如何实现两行四列轮播图效果的相关资料,需要的朋友可以参考下2022-10-10
一个对于js this关键字的问题...2007-01-01
实用又漂亮的BootstrapValidator表单验证插件
这篇文章主要为大家详细介绍了好用又漂亮的BootstrapValidator表单验证插件，感兴趣的小伙伴们可以参考一下2016-05-05
最新评论