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的cookie的用法
Jan 10 Javascript
JSON+HTML实现国家省市联动选择效果
May 18 Javascript
jquery数组过滤筛选方法grep()简介
Jun 06 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
Dec 20 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
Sep 06 Javascript
js一维数组、多维数组和对象的混合使用方法
Apr 03 Javascript
JS实现touch 点击滑动轮播实例代码
Jan 19 Javascript
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
微信小程序实现跑马灯效果完整代码(附效果图)
May 30 Javascript
vue.js实现简单的计算器功能
Feb 22 Javascript
vue实现lodop打印功能的示例
Nov 11 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 和 MySQL 基础教程(二)
2006/10/09 PHP
php 正则匹配函数体
2009/08/25 PHP
PHP使用GIFEncoder类处理gif图片实例
2014/07/01 PHP
php连接微软MSSQL(sql server)完全攻略
2016/11/27 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
TopList标签和JavaScript结合两例
2007/08/12 Javascript
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
javascript全局变量封装模块实现代码
2012/11/28 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
2015/03/23 Javascript
javascript实现rgb颜色转换成16进制格式
2015/07/10 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
jQuery遍历节点树方法分析
2016/09/08 Javascript
javascript轮播图算法
2016/10/21 Javascript
JavaScript数组操作详解
2017/02/04 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
解决vue 表格table列求和的问题
2019/11/06 Javascript
vue+animation实现翻页动画
2020/06/29 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
HTML元素拖拽功能实现的完整实例
2020/12/04 Javascript
详解Python中time()方法的使用的教程
2015/05/22 Python
python日志记录模块实例及改进
2017/02/12 Python
python 数据的清理行为实例详解
2017/07/12 Python
Python Nose框架编写测试用例方法
2017/10/26 Python
浅析python协程相关概念
2018/01/20 Python
Django开发的简易留言板案例详解
2018/12/04 Python
python的slice notation的特殊用法详解
2019/12/27 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
欧舒丹加拿大官网:L’Occitane加拿大
2017/10/29 全球购物
网络研修随笔感言
2014/02/17 职场文书
商场父亲节活动方案
2014/08/27 职场文书
2014年便民服务中心工作总结
2014/12/20 职场文书
七年级生物教学反思
2016/02/20 职场文书
2019财务毕业实习报告
2019/06/27 职场文书
女性励志书籍推荐
2019/08/19 职场文书