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

相关文章

  • JavaScript实现将数组中所有元素连接成一个字符串的方法

    JavaScript实现将数组中所有元素连接成一个字符串的方法

    这篇文章主要介绍了JavaScript实现将数组中所有元素连接成一个字符串的方法,涉及javascript中采用join方法进行数组转化的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • js仿新浪微博消息发布功能

    js仿新浪微博消息发布功能

    这篇文章主要为大家详细介绍了js仿新浪微博消息发布功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JS实现星星海特效

    JS实现星星海特效

    这篇文章主要为大家详细介绍了JS实现星星海特效特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • js中关于require与import的区别及说明

    js中关于require与import的区别及说明

    这篇文章主要介绍了js中关于require与import的区别及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Javascript基础知识盲点总结之函数

    Javascript基础知识盲点总结之函数

    函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。这篇文章主要介绍了Javascript基础知识盲点总结之函数的相关资料
    2016-05-05
  • javascript实现弹出层效果

    javascript实现弹出层效果

    这篇文章主要为大家详细介绍了javascript实现弹出层效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • window.event快达到全浏览器支持了,以后使用就方便了

    window.event快达到全浏览器支持了,以后使用就方便了

    在Tangram群里讨论到<a href="#" onclick="baidu.event.preventDefault(event);">的写法时,以为标准浏览器只能用arguments[0]来获取到event,结果nodiseal同学说已经可以这么用了,于是做了以下测试
    2011-11-11
  • 通过继承IHttpHandle实现JS插件的组织与管理

    通过继承IHttpHandle实现JS插件的组织与管理

    最近,项目中的用到的Js插件越来越多,有的是用原生javascript写的,有的是调用的jquery插件,页面上Js和Css文件的引用也越来越混乱,而且Js文件之间还有引用先后的依赖关系
    2010-07-07
  • Javascript打印网页部分内容的脚本

    Javascript打印网页部分内容的脚本

    有时候我们只需要打印部分内容,因为现在的页面中广告和一些相关内容很多,所有用下面的方法,就可以了
    2008-11-11
  • 常用DOM整理

    常用DOM整理

    js在操作DOM中存在着许多跨浏览器方面的坑,本文花了我将近一周的时间整理,我将根据实例整理那些大大小小的“坑”。
    2015-06-06

最新评论