img标签禁止右键点击复制图片等功能

最新推荐文章于 2024-03-13 23:27:35 发布
原创 最新推荐文章于 2024-03-13 23:27:35 发布 · 968 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5

本文讨论了如何在网页中使用oncontextmenu属性防止用户右键保存图片，但指出此方法仅阻止了页面内操作，控制台仍可下载图片。

场景描述：在网页中显示图片，但是不想让其他人右键保存图片
会用到一个新的属性：oncontextmenu
代码如下

<img src="./123.png" alt="" oncontextmenu="return false">

这样虽然能解决不在当前页右键保存图片，但是打开控制台依然能下载图片！

禁止鼠标右键保存图片、禁止拖动图片的代码
夜之寐 的技术博客
06-29 1万+
最近研究了一下前端图片和文字选中和拖拽以及保存的技巧：1、禁止鼠标右键保存图片<img src="logo.png" width="150" height="150" oncontextmenu="return false;">2、禁止鼠标拖动图片<img src="logo.png" width="150" height="150" ondragstart="return false;">3、文字
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
10-15
在HTML中，我们可以为`<img>`标签添加一个`oncontextmenu`事件处理器，当用户尝试右键点击图片时，返回`false`以阻止默认的右键菜单弹出： ```html <img src="" oncontextmenu="return false;"> ``` 这样，用户就...
img元素禁用选中、拖拽、鼠标右键功能
.
08-08 6047
1. 在img元素中添加以下属性: <img class="unselectable" draggable="false" oncontextmenu="return false;" /> 其中, class="unselectable"是添加一个名为unselectable的CSS类, 用于禁用鼠标选中; draggable="false"用于禁用拖拽, oncontextmenu="return false;"用于禁用鼠标右键. 2. 添加CSS类: <style>
禁止在图片上使用右键
Yao,Mane
03-24 1443
禁止在图片上使用右键var clickmessage="无法完成操作!"function disableclick(e) {if (document.all) {if (event.button==2||event.button==3) {if (event.srcElement.tagName=="IMG"){alert(clickmessage);return false;}}}if (doc
img设置不可右键_PYNQ小白级初始设置详细步骤
weixin_42617150的博客
12-27 208
PYNQ-Z2板子就是一个可以用python来编写的FPGA，是xilinx公司最新产品，产品旨在利用有时候用python编程比c语言便捷的特点，简化FPGA的开发过程，降低开发门槛。**一些废话：**1.如何上手pynq板子：某宝1000-1500元左右，某东动辄1800+，个人建议买某宝，反正这玩意没法造假的，跟cpu一个道理。 2.器材内容：板子一个，网线一根(我用的是6类网线)，一张sd卡...
如何禁止用户右键直接下载图片及相关的一些默认事件
ljb376766764的博客
08-17 692
如何禁止用户右键直接下载图片及相关的一些默认事件
css写img禁止点击拖拽
qq_52685664的博客
12-20 1171
img{ user-select: none; -webkit-user-drag: none; }
禁用img元素的选中、拖拽与右键功能的方法
当用户尝试在图片上点击右键时，该事件处理器会立即返回`false`，从而阻止默认的上下文菜单（如“另存为”、“复制图片”等）弹出。这种方法简单直接，适用于快速实现右键禁用功能，但也存在一定的局限性——它属于...
网页禁用右键菜单和鼠标拖动选择方法小结
09-03
在网页设计中，有时为了保护内容不被轻易复制或防止用户通过右键菜单触发特定功能，开发者可能会选择禁用鼠标右键菜单和鼠标拖动选择。这篇文章总结了两种禁用这些功能的方法，主要针对JavaScript技术。 一、禁止...
禁止网页图片下载代码
10-22
1. **禁止右键菜单**：通过JavaScript禁用浏览器的右键菜单，这样用户就无法通过右键点击图片来选择“另存为”等操作。 2. **图片链接重定向**：当用户尝试通过点击图片的方式查看大图时，将其导向到一个空页面或者...
各浏览器兼容禁止右键js代码
11-08
各浏览器兼容的禁止右键js代码，已测试过，满意
在发布优快云博客博文时，如何防止别人右键下载图片
最新发布
03-12
根据引用[2]，可以使用`oncontextmenu`事件来禁止右键菜单，示例代码是给img标签添加这个属性。不过优快云博客可能不允许直接修改HTML代码，需要确认他们的编辑器是否支持插入自定义属性。 另外，引用[4]提到了用...
img设置不可右键_计算机网络共享系统设置
weixin_28935113的博客
12-21 181
一年多没见，感觉大伙的不离弃。之前答应的共享设置，现在给你们补上。本篇是汇百度多位大佬的经验汇总，如有侵权，请及时告知修改。对于现在在公司上班的人员来说，网络共享应该是必不可少的了，公司的文件，打印机，都是有了共享更方便，但由于一些系统 设置的问题，让很多人只有心动，却由于对电脑系统文件的畏惧而不敢改动。今天，拿着你的电脑 ，跟着一起来操作下看看，你的问题可有解决。一定要保证自己的计算机...
禁止图片上的右键（不准下载图片）用JAVASCRIPT实现
weixin_33971977的博客
06-18 1311
网页中，如果想防止自己的图片作品不被下载引用，最好的办法就是屏蔽掉图片保存功能。我们这里的方法就是对于网页的图片右键功能进行了屏蔽。实现方法：在<body></body>之间粘贴右代码即可；<script language="JavaScript1.2">var clickmessage="只在图片上屏蔽右键！！！" function disableclick...
页面图片等资源禁止右键相关操作
llb522628的博客
08-26 413
页面图片等资源禁止右键相关操作 在页面添加如下属性： ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false ...
html页面禁止右键、禁止复制、禁止图片拖动...
刺心的博客
04-23 2409
html页面禁止右键、禁止复制、禁止图片拖动… 禁止右键 οncοntextmenu=“return false” 禁止复制 οncοpy=“return false” 禁止剪切 oncut=“return false” 禁止图片拖动 οndragstart=“return false” 禁止选择 onselectstart=“return false” o...
html实现 页面禁止右键 禁止复制 禁止图片拖动 禁止复制和剪切
weixin_44517477的博客
08-08 372
一般的屏蔽的方法是用JS来编写的脚本，但是也可以直接通过修改网页属性的方法来屏蔽右键 禁止复制。 1.禁止右键 oncontextmenu="return false" 2.禁止复制和剪切： oncopy="return false;" oncut="return false;" 3.禁止复制 onselectstart="return false" 4.禁止图片拖动 ondragstart="return false" 实例： <body oncontextmenu="return fal
HTML技巧:怎样禁止图片拖动复制
热门推荐
ArthurZhang的专栏
06-10 1万+
在img标签中加入ondragstart=”return false;”即可！代码如下： oncontextmenu=”return false;” //禁止鼠标右键 ondragstart=”return false;” //禁止鼠标拖动 onselectstart=”return false;”//文字禁止鼠标选中 onselect=”document.selection.empty()
禁止复制、禁用选择、禁用F12、禁用右键菜单
qq_31594665的博客
03-13 1415
【代码】禁止复制、禁用选择、禁用F12、禁用右键菜单。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值