JS清除选择内容的方法


Posted in Javascript onJanuary 29, 2015

本文实例讲述了JS清除选择内容的方法。分享给大家供大家参考。具体分析如下:

今天在做一个DIV拖动的效果,发现在拖动的时候会选中页面中的文本,于是找了一下JS清除选择的内容的相关信息。

在得到的结果中发现: 在谷歌、火狐、Opera浏览器中,window对象有getSelection属性,而在IE中没有。IE中的document对象有selection属性,因此清除页面中选择的内容也就可以得到解决。

在谷歌、火狐、Opera浏览器中我们可以很容易的通过 window.getSelection().removeAllRanges() 清除选中的内容,在IE中我们可以通过 document.selection.empty() 来清除选中的内容。

于是我们可以这样写:

var clearSlct= "getSelection" in window ? function(){
 window.getSelection().removeAllRanges();
} : function(){
 document.selection.empty();
};

"getSelection" in window 用于判断window对象中是否含有getSelection属性,如果为true则说明当前浏览器支持getSelection,也即浏览器为非IE浏览器,反之亦然。

如果我们想要禁止用户选中页面中的内容,我们可以这样做:

//防止鼠标选中内容(当鼠标松开时清除选中内容)
window.onmouseup=function(){
 clearSlct();
}
   
//防止通过键盘选中内容(当按键松开时清除选中内容)
window.onkeyup=function(){
 clearSlct();
}
 
//使用jQuery的方法
$(window).on("mouseup keyup",function(){
 clearSlct();
});

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript分页代码(当前页码居中)
Sep 20 Javascript
javascript中判断一个值是否在数组中并没有直接使用
Dec 17 Javascript
给html超链接设置事件不使用href来完成跳
Apr 20 Javascript
JS控制文本域只读或可写属性的方法
Jun 24 Javascript
AngularJS基础 ng-init 指令简单示例
Aug 02 Javascript
最常见的左侧分类菜单栏jQuery实现代码
Nov 28 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
Node+OCR实现图像文字识别功能
Nov 26 Javascript
VuePress 快速踩坑小结
Feb 14 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
Mar 07 Javascript
Node.js Event Loop各阶段讲解
Mar 08 Javascript
vue递归获取父元素的元素实例
Aug 07 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 #Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 #Javascript
jQuery中$.each使用详解
Jan 29 #Javascript
jQuery显示和隐藏 常用的状态判断方法
Jan 29 #Javascript
移动设备web开发首选框架:zeptojs介绍
Jan 29 #Javascript
JSON格式的键盘编码对照表
Jan 29 #Javascript
js的window.showModalDialog及window.open用法实例分析
Jan 29 #Javascript
You might like
新的一年,新的期待:DC在2020年的四部动画电影
2020/01/01 欧美动漫
main.php
2006/12/09 PHP
功能齐全的PHP发送邮件类代码附详细说明
2008/07/10 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
php实现商城购物车的思路和源码分析
2020/07/23 PHP
Prototype 学习 工具函数学习($方法)
2009/07/12 Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
2013/04/12 Javascript
js单词形式的运算符
2014/05/06 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
2015/02/02 Javascript
JavaScript取得WEB安全颜色列表的方法
2015/07/14 Javascript
浅析$.getJSON异步请求和同步请求
2016/06/06 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
浅谈react前后端同构渲染
2017/09/20 Javascript
JavaScript中重名的函数与对象示例详析
2017/09/28 Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
2018/05/01 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
2019/02/28 Javascript
js中值引用和地址引用实例分析
2019/06/21 Javascript
vue登录注册实例详解
2019/09/14 Javascript
python继承和抽象类的实现方法
2015/01/14 Python
Python实现的数据结构与算法之链表详解
2015/04/22 Python
django使用xlwt导出excel文件实例代码
2018/02/06 Python
python使用tcp实现局域网内文件传输
2020/03/20 Python
使用python根据端口号关闭进程的方法
2018/11/06 Python
python同义词替换的实现(jieba分词)
2020/01/21 Python
python连接打印机实现打印文档、图片、pdf文件等功能
2020/02/07 Python
Python学习之路安装pycharm的教程详解
2020/06/17 Python
美国最受欢迎的度假租赁网站:VRBO
2016/08/02 全球购物
资源环境与城市管理专业推荐信
2013/11/30 职场文书
医学生就业推荐表自我鉴定
2014/03/26 职场文书
奥巴马开学演讲稿
2014/05/15 职场文书
拓展策划方案
2014/06/03 职场文书
音乐学专业求职信
2014/07/22 职场文书
学生自我鉴定格式及范文
2014/09/16 职场文书
高中教师个人工作总结
2015/02/10 职场文书