通过CSS禁用页面内容选中和复制操作

最新推荐文章于 2022-08-10 09:00:35 发布

原创最新推荐文章于 2022-08-10 09:00:35 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

css 同时被 2 个专栏收录

3 篇文章

订阅专栏

css

2 篇文章

订阅专栏

本文探讨了如何在不同浏览器中禁用用户选择文本的功能，包括Mozilla Firefox、Google Chrome、Microsoft Edge、Safari和Konqueror等。通过使用特定于浏览器的前缀，可以确保在各种环境下一致地实现这一功能。

-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
user-select: none;

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

岁月如歌_

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

CSS 文本可选择复制

黄-小智的博客

08-04

4957

CSS 文本可选择复制代码 // An highlighted block span{ user-select:text } user-select 属性规定是否能选取元素的文本。

CSS如何禁止复制或选中文本

My_wife_QBL的博客

07-11

2983

CSS的属性提供了一种简单而有效的方法来禁止复制或选中文本，适用于多种应用场景。了解和掌握这一属性，可以帮助开发者在保护内容和提升用户体验之间找到平衡。希望本文能为开发者提供有价值的指导，帮助大家在实际项目中更好地应用CSS来控制文本的选择行为。

参与评论您还未登录，请先登录后发表或查看评论

CSS禁用页面内容选中和复制操作

猫老板的豆

08-07

1509

禁用页面内容选中和复制操作*{ -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; user-select:none;/*禁用页面内容选中和复制操作*/ -webkit-touch-callout:none;/*禁用长按页面时的弹出菜单(i

vue实现页面内容禁止选中功能,仅输入框和文本域可选

12-13

CSS样式控制，只需将下面代码复制到 vue应用下，index.html文件中的body标签上 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; ...

HTML5对手机页面长按会粘贴复制禁用的解决方法

09-28

本文将详细介绍如何通过CSS来禁用手机页面上的长按粘贴复制功能。首先，我们可以利用CSS的特定选择器来全局禁用网页元素的用户选择行为。在CSS文件中添加以下代码： ```css * { -webkit-touch-callout: none; /*...

css 页面内容不允许复制

KLW75

08-26

1454

页面中的文本不允许复制。不允许在手机上展示的时候，选中文本。 body { -moz-user-select: none; /* Firefox */ -webkit-user-select: none; /* WebKit */ -ms-user-select: none; /* IE */ -khtml-user-select: none; /* KHTML */ -o-user-select: none; /* Opera */ user-select: none; /

CSS实现页面内容禁止复制

qq_40862118的博客

01-18

1440

想要禁止内容复制，使用CSS写下以下代码就可以啦~ body{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/

CSS禁用文本复制的属性，CSS设置不允许复制文本内容

顶顶顶顶顶顶顶顶顶顶顶顶

08-24

5186

考虑到要防止考生利用复制粘贴来提高作弊的可能性，就设计了不允许复制。方法也很简单，通过设置CSS 的user-select就可以达到目的： -moz-user-select:none; /* Firefox私有属性 */ -webkit-user-select:none; /* WebKit内核私有属性 */ -ms-user-select:none; /* IE私有属性(IE10及以后) */ -khtml-user-select:none; /* KHTML内核私.

CSS设置禁用页面内容选中和复制操作

小兔崽子的博客

11-09

415

.class{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } 转载于通过CSS禁用页面内容选中和复制操作_NDSC1994的博客-优快云博客

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

热门推荐

qq_37304197的博客

09-29

2万+

之前做一个网上答题的页面时，考虑到要防止考生利用复制粘贴来提高作弊的可能性，就设计了不允许复制。方法也很简单，通过设置CSS 的 user-select就可以达到目的： -moz-user-select:none; /* Firefox私有属性 */ -webkit-user-select:none; /* WebKit内核私有属性 */ -ms-user-select:n

效率提升100倍！这款神器，这么牛？

Java精选

08-10

333

最近遇到这样一件事：这位设计小兄弟，说好只加 3 个页面，最后硬是加了 6 个页面，打工人何必为难打工人。面对这两排页面，对于 CSS 原本就比较弱的我来说，简直噩梦。正当我苦恼着，突然想起上次同事推荐给我的一款前端必备神器，看来可以用起来了。这款神器就是摹客，号称“1分钟就能搭建页面交互原型，还能一键生成设计稿样式代码”，让我们做前端的也能按时打卡下班。一起试试看~01...

css自动换行如何设置?url太长会撑开页面

weixin_30784501的博客

09-11

325

　word-wrap用来控制换行　　两种取值：　　(1)normal　　(2)break-word（此值用来强制换行，内容将在边界内换行，中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。）　　word-break用来控制断词　　三种取值：　　(1)normal　　(2)break-all（是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。）　　(...

html禁止使用右键弹窗,HTML页面用CSS实现禁止选中、复制和右键

weixin_39943678的博客

05-31

635

用户在复制网页中某些文字信息时，当内容附近有图片时，很容易把这些不需要的图片也复制到。这时我们可以通过CSS设置禁止选中，代码如下：.icon{-webkit-touch-callout:none;/*iOSSafari*/-webkit-user-select:none;/*Chrome/Safari/Opera*/-khtml-user-select:none;/*K...

[JavaScript] 怎么使用JS禁止复制粘贴

weixin_34335458的博客

08-18

237

1. 将彻底屏蔽鼠标右键，其实是禁止快捷菜单，因为不光右键可以弹出这个菜单，键盘上空格键右边的windows键也可以激活这个快捷菜单<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body> 禁止选取、防止复制3. 禁止粘贴4. 禁止复制和剪切5. &...

获得复制的内容

zj_2009的专栏

01-29

591

script>function test(){ event.returnValue=false; var x=window.clipboardData.getData("Text").toString(); document.getElementById("t1").value = x.substring(0,4); document.getElementById("t2"

不可复制

Wangqibao的博客

07-09

234

* { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

css防止复制选中