HTML防止选择和右键

最新推荐文章于 2024-03-16 09:16:45 发布
最新推荐文章于 2024-03-16 09:16:45 发布
阅读量847 收藏
点赞数
分类专栏： Html

要想防止网页信息被拷贝，需要从很多方面进行限制。

例如防止网页保存，防止网页缓存，防止快捷键Ctrl+C和Ctrl+V等等。但本文只是对其进行简单的限制，防止选择和右键。

在body标签中添加如下内容

οncοntextmenu=self.event.returnValue=false 此功能是取消弹出菜单，比简单的取消右键点击等要保险

onselectstart="return false" 此功能是防止用鼠标拖拽选择内容

例如

<body οncοntextmenu=self.event.returnValue=false onselectstart="return false">

dangerous_fire
关注
专栏目录
网页禁用右键菜单和鼠标拖动选择方法小结
09-03
在网页设计中，有时为了保护内容不被轻易复制或防止用户通过右键菜单触发特定功能，开发者可能会选择禁用鼠标右键菜单和鼠标拖动选择。这篇文章总结了两种禁用这些功能的方法，主要针对JavaScript技术。 一、禁止...
详解Html页面中内容禁止选择、复制、右键的实现方法
09-22
在HTML页面中，为了保护网页内容不被用户选择、复制或通过鼠标右键菜单进行操作，可以使用一系列的JavaScript和HTML标签组合来实现。在现代的网络中，网页内容的安全与版权保护变得越来越重要，因此了解如何禁止这些...
html 禁止使用 右键 例子
nilihao的专栏
08-29 758
function Click(){ if (event.button!=1){alert(版权所有:樱兰IT http://WWW.yinglansoft.cn QQ:157372883); }} document.onmousedown=Click;
React中正常显示HTML---dangerousSetInnerHtml
weixin_43134595的博客
02-14 1万+
运行以下代码的时候出现了html的标签, 后在li标签中加上dangerouslySetInnerHTML={{__html:item}}，html的内容得以正常显示 import React, {Component, Fragment} from ‘react’ export default class TodoList extends Component { constructor(pro...
react.js
pugongyingyangyue的博客
06-28 826
注意：
网页中最常用的JS代码（js禁止右键、禁止复制）
weixin_33910759的博客
05-28 843
2019独角兽企业重金招聘Python工程师标准>>> ...
客户端效果总结
07-15 1018
1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键 no 可用于Table 2. 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. IE地址栏前换成自己的图标 6. 可以在收藏夹中显
JavaScript 自定义html元素鼠标右键菜单功能
10-15
JavaScript 自定义HTML元素鼠标右键菜单功能是一种常见的前端交互设计，它可以增强用户的操作体验，提供更加个性化的功能选择。在本文中，我们将深入探讨如何利用JavaScript实现这一功能，并通过具体的实例代码来...
Html屏蔽右键菜单和左键划字功能的示例
09-28
在网页设计中，有时为了保护内容不被轻易复制或者提供特定的用户体验，开发者可能会选择屏蔽HTML页面中的右键菜单和左键划字功能。本文将详细介绍如何实现这一目标。 首先，我们来讨论如何屏蔽HTML页面的右键菜单。...
html中如何让网页禁用右键禁止查看源代码
最新发布
青茶
03-16 1247
之间
日常开发记录-dangerouslyUseHTMLString：true； 属性的作用
m0_68594618的博客
10-31 762
将 dangerouslyUseHtmlString 属性设置为 true ，message 就会被当做 HTML 片段处理
META描述（转载）
thefly1988的专栏
03-31 274
meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似 下面这段的html代码： 　　＜head＞ 　　＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞ 　　＜/head＞ 　　也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例...
让别人无法在页面上右键复制
icelemon1314的专栏
03-02 1310
原帖地址：http://blog.sina.com.cn/s/blog_487dde080100fuwd.html~type=v5_one&label=rela_prevarticle1。整篇文章就不能点右键、区域选择和复制了，不过还是能查看源文件和下载该页。代码如下：2.在页面中加入如下语句，则网页将不能被保存，让网页无法 另存为：在......之间加入 加入上述代码后，当执行“另存为”
react中dangerouslySetInnerHTML使用（简洁）
热门推荐
exploringfly的博客
06-05 9万+
在react中，通过富文本编辑器进行操作后的内容，会保留原有的标签样式，并不能正确展示。在显示时，将内容写入__html对象中即可。具体如下：&lt;div dangerouslySetInnerHTML = {{ __html: checkMessages.details }} /&gt;如果是直接调用接口中的值，则是以上的写法，如果是单纯的显示固定的内容，用如下的写法：&lt;div dang...
如何快速设计一套支持渲染富文本内容的跨端组件
油墨香^-^的博客
07-18 83
因为小程序是使用自己独有的标签，例如view标签,但后台配置的是html文本字符串，怎么把html变成view，往往很多人就不知道怎么做了，觉得这就是不可能完成的，是产品在提不合理的需求，看到这里，大家可以先想想，如果是你，你会怎么做？不知道大家有没有遇到过这种需求，在管理后台配置一段富文本html内容，一开始呢，只需要支持渲染到浏览器上面，但随着公司业务的变化，可能需要在小程序上使用，甚至是ios或者android等其他端上。看上图，一切都很明亮了，但是有两个致命的问题。...
关于网页源代码屏蔽
weixin_34346099的博客
11-01 1610
很早就想写一篇关于网页源代码屏蔽的文章。是因为经常编出些JS脚本的之后，在沾沾自喜的同时，也在担心源代码会被人家看到，盗用我的脚本。所以一直以来，我都在尽力维护我的网页源代码的安全。虽然目前还没有找到完全安全的屏蔽方法（也就是说，这些方法在我想出来的同时，自己已经知道其弱点和破解方法了），但是，我这里有很多屏蔽的思路，来总结一下。 　　众所周知，要保护一个页面，最基础的就是要屏蔽右键。而现在网...
.js屏蔽鼠标右键
ygyangguang的专栏
03-24 679
本文来自超线程搜索(CXCSS)http://www.cxcss.com oncontextmenu="window.event.returnValue=false" style="overflow-y: hidden; overflow-x: hidden"ajs9     leftmargin="0" topmargin="0" var omitformt
JS禁用右键、禁止选择文本、禁用打印、防止另存为
梦遗落沙漠的专栏
06-29 1376
oncontextmenu="window.event.returnValue=false" style="overflow-y: hidden; overflow-x: hidden"ajs9     leftmargin="0" topmargin="0" var omitformtags=["input", "textarea", "select"] omit
将完全屏蔽鼠标右键,无右键菜单
shangdaoxi的专栏
12-13 4598
蔽鼠标右键，取消选取、避免复制
JavaScript禁用鼠标右键与选择文本
为了防止用户选择特定类型的表单元素（如输入框、文本区域、下拉框），可以创建一个函数来允许这些元素的选择，并只阻止其他元素的选取： ```javascript var omitFormTags = ["input", "textarea", "select"]; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值