禁止选中文本 css 写法 js 写法 禁止鼠标右键 ...
在元素上加入以下 user select: none 就可实现禁止选中文本了, 以下是兼容各浏览器写法: moz user select: none 火狐 webkit user select: none webkit浏览器 ms user select: none IE khtml user select: none 早期浏览器 user select: none 在IE lt 和Opera l ...
2019-07-04 18:04 0 1828 推荐指数:
禁止选中文本 css 写法 js 写法 禁止鼠标右键 ...
有时候,我们需要使页面内容不可选择。首先想到的是一个css属性:user-select。user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 禁用选择代码实现 html: <p>你可以选择我。</p> ...
通常大家会有js来实现,另一个方案就是,将-webkit-user-select 和-moz-user-select 的值设为none,这针对于移动用户,可能会很有用。请谨慎使用这个属性:因为大部分用 ...
IE下有onselectstart这个方法,通过设置这个方法可以禁止元素文本被选取。而firefox下没有这个方法,但可以通过css或一种变通的办法解决: 使用CSS: 另外一种方法是: ie:document.selection.empty() ff ...
pc端: 移动: js方法: 在需要禁止的dom上添加这段代码,两种方法对于安卓和IOS的支持没有单独测试过。两个同时使用,对于安卓和IOS可以起到禁止作用。 ...
现象:html中可能有些地方不想让用户复制文字,或是用a标签做了个点击按钮,点快的时候文字会被选中,很丑,这个时候可以使用下面的方案禁止文字选中。 原因:鼠标点快了。 解决方案: 不同的浏览器设置的内容不一样,user-select不是一个W3C的标准,浏览器的支持不完成,需要对不同的浏览器 ...
壹 ❀ 引 在做博客美化的时候,想着去修改文本选中的背景色,因为网页默认是蓝底白字,看着与自己博客整体配色不太搭配,所以想着去改改。 贰 ❀ ::selection 解决方案其实很简单,使用css3 ::selection属性,该属性用于匹配元素中被用户选中或处于高亮状态的部分 ...
在ios端默认的长按选择,可以对文字进行复制粘贴。但是在实际开发中,针对一些按钮一般要避免长按时弹出选中文字,或者一些罩层要避免弹出。 这篇文章通过css3实现禁止ios端长按复制选中文字的方法。 css代码如下: *{ -webkit-touch-callout:none ...