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 相关文章推荐
不错的一个日期输入 动态
Nov 06 Javascript
JS delegate与live浅析
Dec 21 Javascript
javascript实现textarea中tab键的缩排处理方法
Jun 26 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
javascript 缓冲运动框架的实现
Sep 29 Javascript
在vue项目中使用Nprogress.js进度条的方法
Jan 31 Javascript
vue axios请求超时的正确处理方法
Apr 02 Javascript
详解Webpack多环境代码打包的方法
Aug 03 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
Sep 20 Javascript
javascript实现贪吃蛇经典游戏
Apr 10 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
Jan 27 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
由php的call_user_func传reference引发的思考
2010/07/23 PHP
PHP 显示客户端IP与服务器IP的代码
2010/10/12 PHP
PHP中使用GD库创建圆形饼图的例子
2014/11/19 PHP
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
PHP读取XML格式文件的方法总结
2017/02/27 PHP
php微信公众号开发之秒杀
2018/10/20 PHP
PHP进阶学习之命名空间基本用法分析
2019/06/18 PHP
豆瓣网的jquery代码实例
2008/06/15 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
2015/07/13 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
详解nodejs与javascript中的aes加密
2016/05/22 NodeJs
Javacript中自定义的map.js  的方法
2017/11/26 Javascript
element-ui 限制日期选择的方法(datepicker)
2018/05/16 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
在vue中使用jsx语法的使用方法
2019/09/30 Javascript
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
Vue实现开关按钮拖拽效果
2020/09/22 Javascript
[01:10]DOTA2次级职业联赛 - U5战队宣传片
2014/12/01 DOTA
Python Requests 基础入门
2016/04/07 Python
python pandas dataframe 行列选择,切片操作方法
2018/04/10 Python
使用Python的OpenCV模块识别滑动验证码的缺口(推荐)
2019/05/10 Python
详解10个可以快速用Python进行数据分析的小技巧
2019/06/24 Python
Python tkinter常用操作代码实例
2020/01/03 Python
Python 使用SFTP和FTP实现对服务器的文件下载功能
2020/12/17 Python
html5新增的定时器requestAnimationFrame实现进度条功能
2018/12/13 HTML / CSS
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
荷兰照明、灯具和配件网上商店:dmlights
2019/08/25 全球购物
师范应届生教师求职信
2013/11/05 职场文书
带薪年假请假条
2014/02/04 职场文书
招聘专员岗位职责
2014/03/07 职场文书
小学数学国培感言
2014/03/10 职场文书
2014年安全生产大检查方案
2014/05/13 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
使用feign服务调用添加Header参数
2021/06/23 Java/Android
CentOS 7安装mysql5.7使用XtraBackUp备份工具命令详解
2022/04/12 MySQL
Go语言 详解net的tcp服务
2022/04/14 Golang