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调试工具(下载)
Jan 09 Javascript
JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器
Oct 11 Javascript
javascript 广告后加载,加载完页面再加载广告
Nov 25 Javascript
原始的js代码和jquery对比体会
Sep 10 Javascript
JavaScript原型链示例分享
Jan 26 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
Dec 25 Javascript
Bootstrap实现下拉菜单效果
Apr 29 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
Sep 09 Javascript
详解基于webpack搭建react运行环境
Jun 01 Javascript
详谈javascript精度问题与调整
Jul 08 Javascript
Vue单文件组件基础模板小结
Aug 10 Javascript
基于iview-admin实现动态路由的示例代码
Oct 02 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
php生成随机密码的三种方法小结
2010/09/04 PHP
PHP7扩展开发之基于函数方式使用lib库的方法详解
2018/01/15 PHP
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
基于jquery的无限级联下拉框js插件
2011/10/29 Javascript
动态加载jQuery的方法
2015/06/16 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
原生JS查找元素的方法(推荐)
2016/11/22 Javascript
jQuery DateTimePicker 日期和时间插件示例
2017/01/22 Javascript
vue之nextTick全面解析
2017/05/17 Javascript
原生js实现省市区三级联动代码分享
2018/02/12 Javascript
JS中touchstart事件与click事件冲突的解决方法
2018/03/12 Javascript
微信小程序开发之tabbar图标和颜色的实现
2018/10/17 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
node.js文件操作系统实例详解
2019/11/05 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
Python将一个Excel拆分为多个Excel
2018/11/07 Python
scrapy数据存储在mysql数据库的两种方式(同步和异步)
2020/02/18 Python
基于Python3.7.1无法导入Numpy的解决方式
2020/03/09 Python
Python关键字及可变参数*args,**kw原理解析
2020/04/04 Python
Python学习之路安装pycharm的教程详解
2020/06/17 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
阿里巴巴美国:Alibaba美国
2019/11/24 全球购物
酒店工作职员求职简历的自我评价
2013/10/23 职场文书
热能动力工程毕业生自荐信
2013/11/07 职场文书
大一新生军训时的自我评价分享
2013/12/05 职场文书
致跳远运动员加油稿
2014/02/11 职场文书
环境工程专业自荐信范文
2014/03/18 职场文书
高中生家长寄语大全
2014/04/03 职场文书
调查研究项目计划书
2014/04/29 职场文书
感恩老师演讲稿400字
2014/08/28 职场文书
房屋买卖协议书范本
2014/09/27 职场文书
庐山导游词
2015/02/03 职场文书
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python
sql中mod()函数取余数的用法
2021/05/29 SQL Server
python中%格式表达式实例用法
2021/06/18 Python