手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js禁止document element对象选中文本实现代码
js禁止document element对象选中文本实现代码
摘要:复制代码代码如下://参数obj:要禁止选中文本的元素的jquery对象//参数enabled:true,可选中;false,不可选中fun...

复制代码 代码如下:

// 参数 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的属性,可看做是一种补充手段,使得尽可能适应更多的浏览器。

【js禁止document element对象选中文本实现代码】相关文章:

让插入到 innerHTML 中的 script 跑起来的实现代码

JavaScript中Cookies的相关使用教程

JavaScript的document和window对象详解

jQuery插件Slider Revolution实现响应动画滑动图片切换效果

Javascript 字符串模板的简单实现

js设置document.domain实现跨域的注意点分析

jQuery插件jRumble实现网页元素抖动

将HTML自动转为JS代码

JQuery中DOM实现事件移除的方法

document对象execCommand的command参数介绍

精品推荐
分类导航