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


Posted in Javascript onMarch 21, 2013
// 参数 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 相关文章推荐
节点的插入之append()和appendTo()的用法介绍
Jan 13 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
Apr 16 Javascript
JavaScript核心语法总结(推荐)
Jun 02 Javascript
AngularJS自定义控件实例详解
Dec 13 Javascript
微信小程序 实战程序简易新闻的制作
Jan 09 Javascript
微信小程序微信支付接入开发实例详解
Apr 12 Javascript
jquery.form.js异步提交表单详解
Apr 25 jQuery
JS 设置Cookie 有效期 检测cookie
Jun 15 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
Dec 23 Javascript
Vuejs 单文件组件实例详解
Feb 09 Javascript
node.js基础知识小结
Feb 26 Javascript
VSCode搭建React Native环境
May 07 Javascript
JS获取并操作iframe中元素的方法
Mar 21 #Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
Mar 21 #Javascript
js 验证密码强弱的小例子
Mar 21 #Javascript
javascript中日期转换成时间戳的小例子
Mar 21 #Javascript
Javascript算符的优先级介绍
Mar 20 #Javascript
jQuery.validate 常用方法及需要注意的问题
Mar 20 #Javascript
如何用js控制frame的隐藏或显示的解决办法
Mar 20 #Javascript
You might like
php中inlcude()性能对比详解
2012/09/16 PHP
PHP垃圾回收机制引用计数器概念分析
2013/06/24 PHP
php下载文件,添加响应头的简单实例
2016/09/22 PHP
php中上传文件的的解决方案
2018/09/25 PHP
漂亮的thinkphp 跳转页封装示例
2019/10/16 PHP
自己写的Javascript计算时间差函数
2013/10/28 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
2014/12/29 Javascript
项目中常用的JS方法整理
2015/01/30 Javascript
JavaScript中的Math.LOG2E属性使用详解
2015/06/14 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
浅析JavaScript中作用域和作用域链
2016/12/06 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
2016/12/21 Javascript
js实现textarea限制输入字数
2017/02/13 Javascript
JavaScript实现类似淘宝的购物车效果
2017/03/16 Javascript
快速使用node.js进行web开发详解
2017/04/26 Javascript
mongoose中利用populate处理嵌套的方法
2017/05/26 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
Layui table field初始化加载时进行隐藏的方法
2019/09/19 Javascript
原生Vue 实现右键菜单组件功能
2019/12/16 Javascript
JS实现导航栏楼层特效
2020/01/01 Javascript
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
Python中的map、reduce和filter浅析
2014/04/26 Python
使用pygame模块编写贪吃蛇的实例讲解
2018/02/05 Python
对django xadmin自定义菜单的实例详解
2019/01/03 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
python yield关键词案例测试
2019/10/15 Python
python-web根据元素属性进行定位的方法
2019/12/13 Python
Python常用断言函数实例汇总
2020/11/30 Python
PyChon中关于Jekins的详细安装(推荐)
2020/12/28 Python
matplotlib 使用 plt.savefig() 输出图片去除旁边的空白区域
2021/01/05 Python
python使用numpy中的size()函数实例用法详解
2021/01/29 Python
python爬虫scrapy基于CrawlSpider类的全站数据爬取示例解析
2021/02/20 Python
西班牙品牌鞋子、服装和配饰在线商店:Esdemarca
2021/02/17 全球购物
前处理班长职位说明书
2014/03/01 职场文书
Mysql查询时间区间日期列表,不会由于数据表数据影响
2022/04/19 MySQL
优化Mysql查询的示例
2022/04/26 MySQL