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自定义事件的应用 JQuery最佳实践
Aug 01 Javascript
JS创建类和对象的两种不同方式
Aug 08 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
Aug 22 Javascript
jquery实现聚光灯效果的方法
Feb 06 Javascript
jQuery实现简单的列表式导航菜单效果代码
Aug 31 Javascript
详解vue.js组件化开发实践
Dec 14 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
socket.io实现在线群聊功能
Apr 07 Javascript
vue.js $refs和$emit 父子组件交互的方法
Dec 20 Javascript
angular4 共享服务在多个组件中数据通信的示例
Mar 30 Javascript
微信小程序API—获取定位的详解
Apr 30 Javascript
小程序实现投票进度条
Nov 20 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数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
PHP服务器页面间跳转实现方法
2012/08/02 PHP
关于PHP堆栈与列队的学习
2013/06/21 PHP
PHP中的替代语法简介
2014/08/22 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
PHP的cookie与session原理及用法详解
2019/09/27 PHP
js的表单操作 简单计算器
2011/12/29 Javascript
js事件绑定快捷键以ctrl+k为例
2014/09/30 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
JS实现从表格中动态删除指定行的方法
2015/03/31 Javascript
分享纯手写漂亮的表单验证
2015/11/19 Javascript
jquery实现select选择框内容左右移动代码分享
2015/11/21 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
Angular 应用技巧总结
2016/09/14 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
JS针对Array的各种操作汇总
2016/11/29 Javascript
nodejs基础知识
2017/02/03 NodeJs
详解JavaScript 中getElementsByName在IE中的注意事项
2017/02/21 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
全面分析JavaScript 继承
2019/05/30 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
Python实现的科学计算器功能示例
2017/08/04 Python
Python编程二分法实现冒泡算法+快速排序代码示例
2018/01/15 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
python实现飞机大战游戏
2020/10/26 Python
基于selenium及python实现下拉选项定位select
2020/07/22 Python
金融专业个人的自我评价
2013/10/18 职场文书
自动化专业本科毕业生求职信
2013/10/20 职场文书
求职信的七个关键技巧
2014/02/05 职场文书
公司授权委托书范本
2014/04/03 职场文书
标准的毕业生自荐信
2014/04/20 职场文书
Redis的字符串是如何实现的
2021/10/24 Redis
Springboot集成kafka高级应用实战分享
2022/08/14 Java/Android
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
2022/09/23 HTML / CSS