原文:JS与CSS阻止元素被选中及清除选中的方法总结

有时候,我们希望阻止用户选中我们指定区域的文字或内容。 举个栗子,有时候用户在一个区域执行频繁的点击操作,一不小心傲娇地点多了,就会选中当前区域的内容。 再举个栗子,制作轮播组件的时候,点击下一页,若点击的快的话,浏览器会识别为双击。 双击的默认效果是选中整片区域,这时候轮播图组件就会被表示忧郁的蓝色幕布盖住,多忧桑啊 你看,这妹子多赞啊,可是你一紧张就乱点下一张的话,就变成酱紫了: 不过别怕,给 ...

2017-08-03 15:37 0 1524 推荐指数:

查看详情

JS魔法堂:阻止元素被选中

一、前言                             在为IE5.5~9polyfill HTML5新特性placeholder时需要阻止元素被选中,因此在网上、书上查阅相关资料,记录在此以便日后查阅。 二、IE10+实现方式──CSS ...

Wed Aug 27 15:38:00 CST 2014 2 3590
CSS设置文字不能被选中

/*设置文字不能被选中 以下为css样式*/ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; ...

Tue May 23 00:07:00 CST 2017 0 22520
css设置页面内容不能被选中

浏览网页的时候,会遇到某些想要复制的文字不能选中 我们如果想要实现这个效果,只需要对包含这部分文字的标签设置一个css属性 user-select:none 但是低版本的IE浏览器无效,想要实现这个效果,可以用标签属性onselectstart="return false;"来实现 ...

Tue Sep 10 22:08:00 CST 2019 0 764
CSS-禁止文本被选中

pc端: 移动: js方法: 在需要禁止的dom上添加这段代码,两种方法对于安卓和IOS的支持没有单独测试过。两个同时使用,对于安卓和IOS可以起到禁止作用。 ...

Wed May 22 19:22:00 CST 2019 0 5792
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM