用oncontextmenu事件单禁用右键菜单

最新推荐文章于 2020-10-13 09:27:53 发布
最新推荐文章于 2020-10-13 09:27:53 发布
阅读量264 收藏
点赞数
分类专栏： Web 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_12303/article/details/82043309
版权
用oncontextmenu事件单禁用右键菜单

onconTextmenu=window.event.returnValue=false;右键菜单禁用，用这个可以禁止复制。



在<body>中加入属性代码：

οncοntextmenu="return false"

onselectstart="return false" 禁止选中网页上的内容

οncοpy="return false" 防复制用户在网页上选中的内容



防止用户另存网页：

利用<noscript><iframe src=*.html></iframe></noscript>标签，能防止网页的直接另存，但不能防止网页被人使用工具下载

*为通配符。
iteye_12303
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
oncontextmenu事件
老爷车的专栏
11-04 2213
OnContextMenu事件function uFunction(){document.all.infoDiv.innerHTML=你按下了鼠标右键，但是右键菜单不能显示！;}function uFunction2(){document.all.infoDiv.innerHTML=你按下了Ctrl+鼠标右键，可以显示右键菜单。;}//-->你按下了鼠标右键，但是右键菜单不能显示！你按下了
js 鼠标事件 禁用鼠标右键菜单 contextmenu 禁止鼠标选中 selectstart
weixin_42448623的博客
05-19 941
禁用鼠标右键菜单 document.addEventListener("contextmenu",function(e){ e.preventDefault() }) 禁止鼠标选中 document.addEventListener("selectstart",function(e){ e.preventDefault() })
OnContextMenu事件
热门推荐
weinideai的专栏
01-02 2万+
用oncontextmenu事件单禁用右键菜单onconTextmenu=window.event.returnValue=false;右键菜单禁用，用这个可以禁止复制。 在中加入属性代码：oncontextmenu="return false"               onselectstart="return false"                   禁止选中网
js实现屏蔽鼠标右键
mijingai的专栏
06-08 517
网页禁用右键菜单和鼠标拖动选择方法小结
09-03
此外，禁用右键菜单并不能完全防止内容被复制，因为熟练的用户可以通过其他方式（如开发者工具或键盘快捷键）获取页面内容。因此，在决定实施这些限制时，应权衡安全性和用户体验之间的平衡。如果只是为了防止不必要...
原生Vue 实现右键菜单组件功能
10-15
总之，原生Vue实现的右键菜单组件提供了高度的定制性和灵活性，通过监听事件、定义菜单结构和处理点击事件，可以轻松实现这一功能。通过这种方式，你可以在不引入额外依赖的情况下，为Vue应用添加丰富的交互体验。
iframe里无右键菜单
06-09
为了在`iframe`中禁用右键菜单，我们可以监听这个事件并阻止其默认行为。 下面是一个简单的JavaScript示例，展示如何在`iframe`中禁用右键菜单： ```html <!DOCTYPE html> 禁用iframe右键菜单 嵌套页面的...
禁止鼠标右键及svg中自定义右键菜单
04-09
总结起来，禁止鼠标右键和在SVG中自定义右键菜单涉及到JavaScript事件处理和DOM操作。通过监听`contextmenu`事件并调用`preventDefault()`方法，可以阻止浏览器的默认右键菜单。而在SVG中，我们可以结合CSS和...
JavaScript禁用右键单击优缺点分析
10-17
5. **用户体验下降**：对于习惯使用右键菜单进行常规浏览的普通用户，禁用右键可能会让他们感到困扰，降低网站的可用性和满意度。 以下是一个简单的JavaScript代码示例，用于禁用网页上的右键单击： ```html ...
用oncontextmenu事件禁用右键菜单
学习园地
01-13 1507
<br />onconTextmenu=window.event.returnValue=false;右键菜单禁用，用这个可以禁止复制。<br /> <br />在<body>中加入属性代码：<br />oncontextmenu="return false"               <br />onselectstart="return false"                   禁止选中网页上的内容<br />oncopy="return false"                     
Jquery 右键菜单(ContextMenu)插件
shadowlin的专栏
03-03 618
目前做的项目需要在页面里面用右键菜单，在网上找到两种jquery的右键菜单插件，但是都有各种问题。所以就自己动手把两种插件结合了下。 修改后的右键菜单插架可以根据绑定的触发页面元素不同，复用同一个菜单使之根据触发页面元素有不同的行为。 支持多个个触发页面元素复用同一个菜单时，分开禁用或恢复禁用菜单或某些菜单项目。 一些说明: 1.菜单的样式由css文件contextMenu.css...
右键弹出菜单（oncontextmenu）
南宫凌萱的博客
04-25 3168
oncontextmenu：右键触发事件 onclick:左键触发事件 例子： ---------------CSS #colorList{ width: 100px; position: absolute; } ul#colorList li { border: 1px solid #ddd; cursor: pointer; padding: 6
取消鼠标右键默认事件contextmenu
Jour的博客
04-01 2430
想要web页面充分展示自身特色，修改浏览器默认的右键事件必不可少。右键单击网页，总是弹出另存为、审查元素、查看网页源代码等等之类的菜单。就我看来这是挺影响体验的。像右键这么重要的位置，必须充分利用。调整页面链接之类等等的需求都是可以的。如何实现这个需求？利用浏览器contextmenu事件。支持contextmenu事件的浏览器有IE、Firefox、Safari、Chrome和Opera11+。下
ant design vue 和 v-contextmenu右键点击菜单实现树tree 增删改查
路遇惊喜
09-29 1万+
实现思路： vue的实现思路和前面写的react版本的是一样的… ant design vue 有一个右键点击的API @rightClick, 所以想自己扩展基于树结构的增删改查功能还是蛮简单的。 我这里实现的是，右键点击会出现操作图标，增加、删除按钮会弹出相应的操作弹窗。 右键单击出现的菜单是用v-contextmenu实现的 v-contextmenu文档说明：https://github....
右键禁止浏览器自带的右键
weixin_30675967的博客
07-23 501
window.oncontextmenu = function (e) { //取消默认的浏览器自带右键 很重要！！ e.preventDefault(); }; window.oncontextmenu= function (e) { alert("右键") } e.preventDefault(); e是必须需要的 ...
react页面中屏蔽浏览器默认右键事件
wangdanYL的博客
10-13 2863
componentDidMount() { document.oncontextmenu = function (e) {/*屏蔽浏览器默认右键事件*/ e = e || window.event; return false; }; }
禁用鼠标右键菜单
最新发布
05-28
可以通过以下几种方式禁用鼠标右键菜单： 1. 使用 JavaScript 禁用右键菜单，代码如下： ``` document.addEventListener('contextmenu', event => event.preventDefault()); ``` 2. 在页面中添加以下代码，禁用整个页面的右键菜单： ``` <body oncontextmenu="return false;"> ``` 3. 使用 CSS 禁用右键菜单，代码如下： ``` body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body { -webkit-touch-callout: none; -moz-touch-callout: none; -ms-touch-callout: none; touch-callout: none; } ``` 注意，以上方法只是禁用了右键菜单，但用户仍然可以使用其他手段进行页面内容的复制和粘贴。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值