zl程序教程

您现在的位置是:首页 >  后端

当前栏目

js禁止documentelement对象选中文本实现代码

JS对象代码 实现 文本 禁止 选中 documentElement
2023-06-13 09:14:48 时间
复制代码代码如下:

//参数obj:要禁止选中文本的元素的jquery对象
//参数enabled:true,可选中;false,不可选中
functionsetSelectable(obj,enabled){
if(enabled){
obj.removeAttr("unselectable").removeAttr("onselectstart").css("-moz-user-select","").css("-webkit-user-select","");
}else{
obj.attr("unselectable","on").attr("onselectstart","returnfalse;").css("-moz-user-select","none").css("-webkit-user-select","none");
}
}

原理如下

ie下,可以通过设置事件selectstart的处理函数(returnfalse;)来禁止选中文本
ff和chrome下,可通过css来控制
至于,unselectable的属性,可看做是一种补充手段,使得尽可能适应更多的浏览器。