javascript 禁止页面文本内容进行选择操作

已于 2022-04-16 09:55:52 修改
阅读量2.3k 收藏 1
点赞数
分类专栏： JavaScript 文章标签： javascript
于 2022-03-24 11:14:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kls_csdn/article/details/123706195
版权

用于防止页面选中文本 然后进行复制等操作，这里是阻止选中、选择的操作。

可以使用onselectstart 开进行操作。

<body onselectstart = 'return false'>
</body>

onselectstart 是开始对文本内容进行选择时候，触发的事件处理程序，可以使用return来屏蔽文本的操作。

KLW75
关注
专栏目录
js禁止选中文字
王敬辉的博客
06-02 2188
禁止鼠标选中(selectstart开始选中) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
JS禁止选中文本方法【转】
weixin_30950607的博客
05-02 121
IE下有onselectstart这个方法，通过设置这个方法可以禁止元素文本被选取。而firefox下没有这个方法，但可以通过css或一种变通的办法解决： if (typeof(element.onselectstart) != "undefined") { // IE下禁止元素被选取 element.onselectstart = new ...
js中禁止选中文本的方法
最新发布
weixin_40862690的博客
08-21 63
IE下有onselectstart这个方法，通过设置这个方法可以禁止元素文本被选取。登录后复制 if (typeof(element.onselectstart) != "undefined") { // IE下禁止元素被选取 element.onselectstart =...
JS禁止选中文本方法
feiz123的博客
04-03 269
复制代码 if (typeof(element.onselectstart) != "undefined") { // IE下禁止元素被选取 element.onselectstart = new Function("return false"); } else { // firefox下禁止元素被选取的变通办法 ...
使用 JS 阻止网页的内容被选中
顺其自然~专栏
04-25 3430
使用 JS 阻止整个网页的内容被选中 document.body.onselectstart = function () { return false; }; // 或 document.body.onmousedown = function () { return false; } 原理：重写onselectstart()，onmousedown，并且返回false，阻止事件发生后继续调用默认处理函数进行处理。 阻止特定区域的内容被选中 var elem = d..
禁止鼠标选择文本实现
天涯 书塾
03-11 1650
Firefox浏览器屏蔽选择的样式定义：-moz-user-select属性（只支持ff）。 属性有三个属性值： 1、none：用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。2、-moz-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。3、-moz-none：子元素所有的文字都不能选择，但是input输入框中的文字除外。IE
使用js禁止用户选中
ID_car的博客
09-06 1097
onselectstart="return false" 禁止选中文本 在设置ondblclick() 例： <div class="test" onselectstart="return false" >该文本不会被选中</div>
禁止选择文本
晓枫
11-20 606
.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user...
JavaScript禁止页面操作的示例代码
10-26
在JavaScript中，有时我们需要限制用户对网页的一些特定操作，比如禁止右键菜单、禁止文本复制、禁止页面缩放等，以保护网站内容不被轻易窃取或防止不必要的干扰。以下是一些示例代码，展示了如何使用JavaScript实现...
javascript实现禁止复制网页内容汇总
10-23
在网页设计中，有时出于版权保护或特殊需求，开发者可能会想要禁止用户复制页面上的内容。JavaScript作为一种客户端脚本语言，提供了多种方式来实现这一功能。本文将详细介绍如何使用JavaScript和CSS来禁止用户复制...
javascript实现禁止复制网页内容
10-25
JavaScript是一种广泛应用于网页开发的脚本语言，它允许开发者与用户进行交互，处理网页内容以及控制页面行为。在本文中，我们将深入探讨如何使用JavaScript来实现禁止用户复制网页内容的功能，以及这种方法的优缺点...
js鼠标移动时禁止选中文字
10-20
本文主要介绍了js鼠标移动时禁止选中文字的方法，具有很好的参考价值，下面跟着小编一起来看下吧
javascript禁止访客复制网页内容的实现代码
10-23
例如，开发者可以利用JavaScript来动态监控网页上的选择和复制行为，并且在检测到复制操作时执行一些干扰行为，如弹出警告、清除剪贴板内容或者提供虚假信息等。此外，还可以使用更高级的客户端脚本技术，比如Vue.js...
阻止元素被选中及清除选中的方法
cangdu的专栏
01-06 3740
有时候，我们希望阻止用户选中我们指定区域的文字或内容。 举个栗子，有时候用户在一个区域执行频繁的点击操作，一不小心傲娇地点多了，就会选中当前区域的内容。 再举个栗子，制作轮播组件的时候，点击下一页，若点击的快的话，浏览器会识别为双击。 双击的默认效果是选中整片区域，这时候轮播图组件就会被表示忧郁的蓝色幕布盖住，多忧桑啊~ 你看，这妹子多赞啊，可是你一紧张就乱点下一张的话，就变成酱紫了：
JavaScript 禁止选中文字
m0_57835615的博客
06-14 2722
在JavaScript中，通过阻止selectstart事件的默认行为，我们可以实现禁用右键菜单。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-
js 禁止选中、右键复制
学海无涯，回头是岸
12-28 1035
js禁止选中、右键复制 1. <body>标签里插入（可按需填入） <!-- οncοntextmenu="return false" 禁止右键点击 --> <!-- onselectstart="return false" 禁止选中界面内容 --> <!-- οndragstart="return false" 禁止拖拽界面内容 --> <!-- οncοpy="return false" 禁止复制界面内容 -
javascript-禁止选中文字
qq_39111074的博客
09-27 2170
禁止出现右键菜单: 绑定contextmenu事件 + 禁止默认行为e.preventDefault(); 禁止鼠标选中文字： 绑定selectstart事件 + 禁止默认行为e.preventDefault(); 代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co..
JavaScript禁用鼠标右键与选择文本
`onselectstart`事件阻止了文本的选择，防止用户选中并可能复制页面上的内容。 4. 禁止粘贴： ```html ;"> ``` 在输入框中，`onpaste="return false;"`可以阻止用户使用剪贴板粘贴内容。 此外，还可以使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值