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 相关文章推荐
[原创]保存的js无法执行的解决办法
Feb 25 Javascript
jQuery常见开发技巧详细整理
Jan 02 Javascript
require.js配合插件text.js实现最简单的单页应用程序
Jul 12 Javascript
JS实现倒计时(天数、时、分、秒)
Nov 16 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
Dec 21 Javascript
用Vue.extend构建消息提示组件的方法实例
Aug 08 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
Sep 07 Javascript
Vue下的国际化处理方法
Dec 18 Javascript
微信小程序实现点赞、取消点赞功能
Nov 02 Javascript
vuex存储token示例
Nov 11 Javascript
详解Vue template 如何支持多个根结点
Feb 10 Javascript
vue如何使用rem适配
Feb 06 Vue.js
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
如何开始收听短波广播
2021/03/01 无线电
php中单个数据库字段多列显示(单字段分页、横向输出)
2014/07/28 PHP
phpStorm2020 注册码
2020/09/17 PHP
Jquery 选中表格一列并对表格排序实现原理
2012/12/15 Javascript
js隐藏与显示回到顶部按钮及window.onscroll事件应用
2013/01/25 Javascript
JavaScript创建对象的写法
2013/08/29 Javascript
jquery 实现窗口的最大化不论什么情况
2013/09/03 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
2015/09/14 Javascript
微信小程序 教程之小程序配置
2016/10/17 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
解决vue 按钮多次点击重复提交数据问题
2018/05/10 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
2018/07/27 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
2018/08/24 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
2019/01/30 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
js 将多个对象合并成一个对象 assign方法的实现
2020/09/24 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
[32:56]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.11
2020/12/16 DOTA
Python写的一个简单DNS服务器实例
2014/06/04 Python
利用Python操作消息队列RabbitMQ的方法教程
2017/07/19 Python
python脚本作为Windows服务启动代码详解
2018/02/11 Python
使用python画个小猪佩奇的示例代码
2018/06/06 Python
python 根据字典的键值进行排序的方法
2019/07/24 Python
Django的性能优化实现解析
2019/07/30 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
python中return如何写
2020/06/18 Python
前端实现弹幕效果的方法总结(包含css3和canvas的实现方式)
2018/07/12 HTML / CSS
牦牛毛户外探险服装:Kora
2019/02/08 全球购物
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
应聘教师自荐信
2013/10/12 职场文书
将相和教学反思
2014/02/04 职场文书
党员倡议书
2015/01/19 职场文书
导游词格式
2015/02/13 职场文书
《暗黑破坏神2:重制版》本周进行第一轮A测 目前可官网进行申请报名
2021/04/07 其他游戏
MySQL 5.7常见数据类型
2021/07/15 MySQL