禁止选中文本 css 写法 js 写法 禁止鼠标右键 ...
有时候,我们需要使页面内容不可选择。首先想到的是一个css属性:user select。user select有两个值: none:用户不能选择文本 text:用户可以选择文本 禁用选择代码实现 html: lt p gt 你可以选择我。 lt p gt lt p class noselect gt 你不能选择我 lt p gt css: .noselect webkit touch callou ...
2020-07-17 23:27 0 929 推荐指数:
禁止选中文本 css 写法 js 写法 禁止鼠标右键 ...
在元素上加入以下"user-select: none;"就可实现禁止选中文本了, 以下是兼容各浏览器写法: -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select ...
转载自: CSS禁止选择文本功能(兼容IE,火狐等浏览器) 有时候,我们为了用户体验,需要禁用选择文本功能。 这需要用到一个CSS属性:user-select,user-select的文档点这里 user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 需要 ...
在手机浏览器中,长按可选中文本,但如果在应用中,会给人一种异样的感觉,最好还是禁用此功能为上。 * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select ...
很多时候,我们在写的手机页面需要用户进行长按然后响应一个事件.但是在微信中用户的长按操作被默认为谈出来一个复制的选项.那么这个时候如何去禁止这个东西呢? 其实很简单,方法看下面: 只需要在你需要禁止的页面的CSS表里面添加上这一段代码就可以 ...
通常大家会有js来实现,另一个方案就是,将-webkit-user-select 和-moz-user-select 的值设为none,这针对于移动用户,可能会很有用。请谨慎使用这个属性:因为大部分用户是来查看信息的,他们可以复制并存储下来以备将来之用,所以这种方法既无用也无效。如果你禁用 ...
IE下有onselectstart这个方法,通过设置这个方法可以禁止元素文本被选取。而firefox下没有这个方法,但可以通过css或一种变通的办法解决: 使用CSS: 另外一种方法是: ie:document.selection.empty() ff ...
pc端: 移动: js方法: 在需要禁止的dom上添加这段代码,两种方法对于安卓和IOS的支持没有单独测试过。两个同时使用,对于安卓和IOS可以起到禁止作用。 ...