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.validate使用攻略 第三部
Jul 01 Javascript
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
Apr 27 Javascript
jquery禁用右键示例
Apr 28 Javascript
JS判断当前页面是否在微信浏览器打开的方法
Dec 08 Javascript
AngularJS模块学习之Anchor Scroll
Jan 19 Javascript
微信小程序 ecshop地址三级联动实现实例代码
Feb 28 Javascript
jQuery中extend函数简单用法示例
Oct 11 jQuery
Vue循环组件加validate多表单验证的实例
Sep 18 Javascript
解决layui 表单元素radio不显示渲染的问题
Sep 04 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 Javascript
详解vue 组件注册
Nov 20 Vue.js
微信小程序选择图片控件
Jan 19 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 echo 输出字符串函数详解
2010/05/13 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
YII框架http缓存操作示例
2019/04/29 PHP
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
取得窗口大小 兼容所有浏览器的js代码
2011/08/09 Javascript
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
jquery获取table中的某行全部td的内容方法
2013/03/08 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
2013/04/24 Javascript
javascript创建createXmlHttpRequest对象示例代码
2014/02/10 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
2016/08/24 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
2017/01/04 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
JS中的数组转变成JSON格式字符串的方法
2017/05/09 Javascript
Angular实现类似博客评论的递归显示及获取回复评论的数据
2017/11/06 Javascript
尝试自己动手用react来写一个分页组件(小结)
2018/02/09 Javascript
使用node.js实现微信小程序实时聊天功能
2018/08/13 Javascript
vue-image-crop基于Vue的移动端图片裁剪组件示例
2018/08/28 Javascript
vue form 表单提交后刷新页面的方法
2018/09/04 Javascript
Vue.js 十五分钟入门图文教程
2018/09/12 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
python+ffmpeg视频并发直播压力测试
2018/03/06 Python
Python基于TCP实现会聊天的小机器人功能示例
2018/04/09 Python
Python格式化日期时间操作示例
2018/06/28 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
python学生管理系统开发
2019/01/30 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
python解释器spython使用及原理解析
2019/08/24 Python
如何用Python徒手写线性回归
2021/01/25 Python
客服主管岗位职责
2013/12/13 职场文书
经营场所证明范本
2015/06/19 职场文书
老兵退伍感言
2015/08/03 职场文书
2016党员入党决心书
2015/09/22 职场文书
初二英语教学反思
2016/02/15 职场文书
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python
MySQL 字符集 character
2022/05/04 MySQL