css设置不允许复制文本内容

之前做一个网上答题的页面时，考虑到要防止考生利用复制粘贴来提高作弊的可能性，就设计了不允许复制。
方法也很简单，通过设置CSS 的 user-select就可以达到目的：

  -moz-user-select:none; /* Firefox私有属性 */-webkit-user-select:none; /* WebKit内核私有属性 */-ms-user-select:none; /* IE私有属性(IE10及以后) */-khtml-user-select:none; /* KHTML内核私有属性 */-o-user-select:none; /* Opera私有属性 */user-select:none; /* CSS3属性 */

user-select的默认值是 text：可以选择文本
none：文本不被选择

转载于:https://www.cnblogs.com/mica/p/11162636.html

css设置不允许复制文本内容相关推荐

vue怎么实现点击复制html,Vue实现点击按钮复制文本内容的例子
Vue实现点击按钮复制文本内容的例子点击复制功能主要通过 clipboard.js 来实现在vue中使用clipboard.js 时候发现一个问题,就是如果不是input或者button 按钮的话 ...
uniapp一键复制文本内容以及下载所有图片或视频
最近在完成公司项目时遇到了一个需求,要求一键复制广告的文本和广告内的所有图片解决方法如下: 第一步:在点击按钮处,点击时传参,分别时双向绑定的文本内容,图片视频地址, <button clas ...
js实现复制文本内容到剪切板
js实现复制文本内容到剪切板一.总结一句话总结:就是document的execCommand('copy')方法二.js实现复制文本内容到剪切板直接上代码: 1 <script type ...
【前端技巧】实现点击复制文本内容方法
/*** 点击复制文本内容* * @param {String} content * * @author Outman* @date 2022-10-27*/ // [旧]利用inputElement ...
使用 css 和 js 禁止复制文本
目录内容介绍使用方法 1.使用css 2.使用js(二选一) 3.完整代码内容介绍在我们不希望或某些情况下不希望用户复制页面信息时,应该考虑到选中复制和鼠标右键菜单复制等情况,下面分 ...
css 设置背景图片模糊，内容不模糊
方案: 内容和图片分别置于一个div,通过css设置背景div模糊度,设置内容div绝对位置. <!DOCTYPE html><html lang="en"> ...
css设置背景图片模糊，内容不模糊
需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示. 解决方法:内容和图片分别置于一个div,通过css设置背景div模糊度,设置内容div绝对位置. ...
实现点击按钮复制文本内容
一.原生方法 1.结构 <li><span>运单号码:</span><b id="waybill_number">{$order-& ...
vue中实现点击复制文本内容之clipboard
项目中有些场景需要点击复制某段内容并粘贴的功能如点击复制名称,订单号,文章段落等需要先安装引入使用对应的方法 1.安装 npm install clipboard --save 2.引入直接 ...

css设置不允许复制文本内容

css设置不允许复制文本内容相关推荐

最新文章

热门文章