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 相关文章推荐
ext 列表页面关于多行查询的办法
Mar 25 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 Javascript
jquery禁止回车触发表单提交
Dec 12 Javascript
判断浏览器的内核及版本号方法汇总
Jan 05 Javascript
JavaScript中的getDay()方法使用详解
Jun 09 Javascript
jQuery实现的登录浮动框效果代码
Sep 26 Javascript
AngularJS实现使用路由切换视图的方法
Jan 24 Javascript
jQuery设置图片等比例缩小的方法
Apr 29 jQuery
vue页面加载闪烁问题的解决方法
Mar 28 Javascript
微信小程序实现团购或秒杀批量倒计时
Nov 01 Javascript
vue watch深度监听对象实现数据联动效果
Aug 16 Javascript
vue 导航锚点_点击平滑滚动,导航栏对应变化详解
Aug 10 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
CI框架开发新浪微博登录接口源码完整版
2014/05/28 PHP
php实现ip白名单黑名单功能
2015/03/12 PHP
隐性调用php程序的方法
2015/06/13 PHP
php图像处理类实例
2015/07/28 PHP
php 三大特点:封装,继承,多态
2017/02/19 PHP
php tpl模板引擎定义与使用示例
2019/08/09 PHP
laravel 解决多库下的DB::transaction()事务失效问题
2019/10/21 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
jQuery实现的简单提示信息插件
2015/12/08 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
深入浅析JS Function()构造函数
2016/08/22 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
详解angular 中的自定义指令之详解API
2017/06/20 Javascript
JavaScript-定时器0~9抽奖系统详解(代码)
2017/08/16 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
vue+webpack实现异步组件加载的方法
2018/02/03 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
2019/05/14 Javascript
javascript canvas API内容整理
2020/02/16 Javascript
python Selenium实现付费音乐批量下载的实现方法
2019/01/24 Python
基于python 微信小程序之获取已存在模板消息列表
2019/08/05 Python
python对象销毁实例(垃圾回收)
2020/01/16 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
特步官方商城:Xtep
2017/03/21 全球购物
萨克斯第五大道精品百货店: Saks Fifth Avenue
2017/04/28 全球购物
行政人员工作职责
2013/12/05 职场文书
关于中国梦的演讲稿
2014/04/23 职场文书
结婚保证书范文
2014/04/29 职场文书
环境保护标语
2014/06/20 职场文书
关于诚信的活动方案
2014/08/18 职场文书
2014年销售内勤工作总结
2014/12/01 职场文书
初中生毕业评语
2014/12/29 职场文书
安全保证书格式
2015/02/28 职场文书
学校捐书活动总结
2015/05/08 职场文书