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 相关文章推荐
jquery 指南/入门基础
Nov 30 Javascript
基于jQuery图片平滑连续滚动插件
Apr 27 Javascript
js 小数取整的函数
May 10 Javascript
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
简单理解vue中Props属性
Oct 27 Javascript
简单模拟node.js中require的加载机制
Oct 27 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
Mar 09 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
Mar 15 Javascript
JS+html5制作简单音乐播放器
Sep 13 Javascript
浅谈js使用in和hasOwnProperty获取对象属性的区别
Apr 27 Javascript
vue中接口域名配置为全局变量的实现方法
Sep 20 Javascript
Element Badge标记的使用方法
Jul 27 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版)
2012/08/21 PHP
PHP多进程编程实例
2014/10/15 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
js/jquery获取文本框输入焦点的方法
2014/03/04 Javascript
jQuery选择器querySelector的使用指南
2015/01/23 Javascript
ES6中如何使用Set和WeakSet
2016/03/10 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
2017/08/17 Javascript
angularjs 的数据绑定实现原理
2018/07/02 Javascript
vue路由前进后退动画效果的实现代码
2018/12/10 Javascript
VUE+Element环境搭建与安装的方法步骤
2019/01/24 Javascript
在Vue环境下利用worker运行interval计时器的步骤
2019/08/01 Javascript
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
JavaScript console的使用方法实例分析
2020/04/28 Javascript
梳理一下vue中的生命周期
2020/12/30 Vue.js
Python获取当前时间的方法
2014/01/14 Python
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
Python和Go语言的区别总结
2019/02/20 Python
python django生成迁移文件的实例
2019/08/31 Python
python数据分析:关键字提取方式
2020/02/24 Python
Python实现自动装机功能案例分析
2020/10/22 Python
HTML5未来发展趋势
2016/02/01 HTML / CSS
保安员岗位职责
2013/11/17 职场文书
校园元旦活动总结
2014/07/09 职场文书
2014党员民主评议个人总结
2014/09/10 职场文书
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
商品陈列协议书
2014/09/29 职场文书
2014党员整改措施思想汇报
2014/10/07 职场文书
大学生入党群众意见书
2015/06/02 职场文书
深度好文:50条没人告诉你的人生经验,句句精辟
2019/08/22 职场文书
幼师必备:幼儿园期末教师评语50条
2019/11/01 职场文书
Mysql数据库索引面试题(程序员基础技能)
2021/05/31 MySQL
Java 泛型详解(超详细的java泛型方法解析)
2021/07/02 Java/Android
mysql函数全面总结
2021/11/11 MySQL