HTML配置页面图片不被选中

原创已于 2022-08-08 23:30:17 修改 · 665 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5

于 2022-08-05 15:45:55 首次发布

本文介绍了如何通过在body标签上添加οncοntextmenu和οndragstart事件来防止网页中的图片被用户选中或拖拽下载。这种方法可以增强网站的图片版权保护，但请注意，这并不能完全阻止技术熟练的用户获取图片。

想要实现网页图片不被选中、下载，可直接在body标签上添加 οncοntextmenu=“return false;” οndragstart=“return false;”

<body oncontextmenu="return false;" ondragstart="return false;"></body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_Jika_

关注关注

1
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

css禁止html标签被选中的方法

09-25

以下CSS样式实现了各浏览器的标签禁止选中功能,需要的朋友可以参考下

HTML5+CSS3图片选中列表选中

12-26

在这个“HTML5+CSS3图片选中列表”项目中，结合JavaScript库jQuery，我们可以实现一个高效且用户体验良好的图片选中系统。以下是关于这个项目的一些关键知识点： 1. HTML5新特性： - `data-*`属性：用于在HTML元素...

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

html 图片不能选中状态,css图片不让选中状态如何实现

weixin_33268861的博客

06-04

3097

css实现图片不让选中状态的方法：首先打开相应css代码文件；然后使用css中的“pointer-events”属性设置图片不让选中，其语句如“img {pointer-events: none;}”。本教程操作环境：Dell G3电脑、Windows7系统、css3版本。可以使用css中的pointer-events属性设置图片不让选中。pointer-events属性指定在什么情况下 (如果有...

在 html页面中设置图片无法被选中

热门推荐

做GIS梦的人

08-15

1万+

如上图，在html页面中，图片和文字被选中将影响外观。解决方案，在元素对应的CSS样式中加入： -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;

html 禁止选择与复制，禁止图片拖拽

PrimaryColor

07-30

1262

js实现： ['contextmenu', 'selectstart', 'copy'].forEach(function(ev){ document.addEventListener(ev, function(ev){ ev.preventDefault(); ev.returnValue = false; }) }); css实现： body { -moz-user-select: none; -webkit-user-selec

HTML中实现图片与文字不被选中

日常分享

07-18

3960

-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 前三句是兼容 draggable="false" 图片的行内属性实现图片不可拖动...

android html页面图片不能上传

11-27

### Android HTML 页面图片无法上传问题解析与解决方案在Android应用开发过程中，经常遇到的一个问题是HTML页面中的图片无法正常上传。这种情况通常发生在用户尝试通过HTML表单上传图片时，尤其是在使用`...

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

12-13

/*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } input{...

html下拉菜单提交后保留选中值而不返回默认值

09-28

如果`$select_value`不等于`option1`，则不添加`selected`属性，其他选项也不会被选中。如果下拉菜单有多个选项，你可以使用循环来动态生成`<option>`标签，以避免重复代码。例如： ```php $options = array('...

页面不可以选中页面图片不允许拖动

weixin_38730822的博客

01-22

567

//页面不可以选中 document.body.onselectstart = function(){ return false; } //页面图片不允许拖动 document.getElementsByTagName(‘img’)[0].onmousedown = function(e){ e.preventDefault() }; ...

禁止网页中的图片或文本被选中

qq_39730030的博客

02-11

2209

背景由于我最近在开发一个互动小游戏，碰到一个情况必须要用img标签来实现，平时我都是用div再给它背景的方式实现的。（为什么小游戏还要用dom？用游戏引擎不行吗？我太菜了，不会游戏引擎，只能用原生js和jQuery实现了，反正我接触到的游戏都不是很复杂，用css实现一些动效还挺简单的）。遇到的问题其实我一开始就是用img来添加物品到场景中的，后来测试发现图片会被选中，并且某些浏览器甚至会打开...

css上传图片中等待不可点击效果

weixin_30387423的博客

07-03

364

<!DOCTYPE html> <html> <head> <title>上传中</title> <style type="text/css"> .dong-hua { position: fixed; left: 0; top: 0; z-index:...

html 不允许点击图片或者另存为属性

m0_69423937的博客

02-15

1053

【代码】html 不允许点击图片或者另存为属性。

H5页面阻止图片和文字被选中

weixin_34082854的博客

03-16

989

1.阻止span标签等文字被选中在对应元素的CSS样式中加 -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; 2.阻止浏览器点击图片查看的行为(常见于uc浏览器) 1.背景图的方式插入(这种是比较...

【ios中禁止默认图片选中效果】

adafdsfas的博客

12-19

311

【代码】【ios中禁止默认图片选中效果】

html 竟然还有这样的图片,可以在双击的时候打开的图片,而在页面里显示不了,看看上传到这里什么效果...

黑色头发

03-19

288

真是奇怪了,我是用的safe给图片抽出去了颜色,把彩色图片变为了灰色,按照正常的方式改变为灰色的速度极慢,所以我用了safe,速度提升了几百甚至几千呗,要5分钟转换完的工作,用safe只要不到1秒钟,转换完的图片可以在双击的时候打开,而在页面里显示不了,当然,路径是绝对没错的,看看上传到这里能不能显示出来晕倒,传到这里竟然可以显示```太让我郁闷了```` 寻找解决办法去``` ...

HTML图片点击放大---关闭

weixin_30430169的博客

08-02

2082

<html lang="en"> <head> <meta charset="UTF-8"> </head> <style> .img_content { display: none; position: absolute; margin: 5% 0 0 40%; ...

HTML禁止图片被拖拽

weixin_50380723的博客

12-15

5167

禁止图片被拖拽一般的图片可以通过鼠标拖拽进行复制粘贴，同时拖拽过程中会出现虚化的图片如图解决方法方法一：设置draggable="false" <img src="./a.jpg" draggable="false"> 方法二：通过javascript禁止 <img id="a" src="./a.jpg"> <script> document.getElementById("a").onmousedown = function(e){ e

vue不想图片被选中