pc端: 移动: js方法: 在需要禁止的dom上添加这段代码,两种方法对于安卓和IOS的支持没有单独测试过。两个同时使用,对于安卓和IOS可以起到禁止作用。 ...
通常大家会有js来实现,另一个方案就是,将 webkit user select 和 moz user select 的值设为none,这针对于移动用户,可能会很有用。请谨慎使用这个属性:因为大部分用户是来查看信息的,他们可以复制并存储下来以备将来之用,所以这种方法既无用也无效。如果你禁用了复制粘贴功能,用户还是可以通过查看源文件来获取到他们想要的内容。 上面的代码兼容所有移动设备的浏览器,下面我 ...
2017-09-12 14:43 0 1792 推荐指数:
pc端: 移动: js方法: 在需要禁止的dom上添加这段代码,两种方法对于安卓和IOS的支持没有单独测试过。两个同时使用,对于安卓和IOS可以起到禁止作用。 ...
禁止选中文本 css 写法 js 写法 禁止鼠标右键 ...
在元素上加入以下"user-select: none;"就可实现禁止选中文本了, 以下是兼容各浏览器写法: -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select ...
有时候,我们需要使页面内容不可选择。首先想到的是一个css属性:user-select。user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 禁用选择代码实现 html: <p>你可以选择我。</p> ...
IE下有onselectstart这个方法,通过设置这个方法可以禁止元素文本被选取。而firefox下没有这个方法,但可以通过css或一种变通的办法解决: 使用CSS: 另外一种方法是: ie:document.selection.empty() ff ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css禁止文字被选择</title> < ...
/*设置文字不能被选中 以下为css样式*/ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; ...
在做div的点击计数事件时,遇到一个小问题。 因为div里面有文字,所以当点击多次时,特别是鼠标点的比较快的时候,文字会被选中。 查了下,用css和javascript可以实现禁止选择。 css代码:/* css style: */html,body{-moz-user-select ...