禁止浏览器事件 （图片拖动）

禁止右键

oncontextmenu="return false"

禁止复制和剪切：

oncopy="return false;"

oncut="return false;"

禁止复制

onselectstart="return false"

禁止图片拖动

ondragstart="return false"

实例：

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">   　　

通过这种方法可以同时禁止右键点击，鼠标复制，以及图片的拖动

原文地址：https://www.cnblogs.com/mrt-yyy/p/8445898.html

时间： 2024-10-08 09:51:37

禁止浏览器事件 （图片拖动）的相关文章

html实现 页面禁止右键 禁止复制 禁止图片拖动 禁止复制和剪切

众所周知,一般的屏蔽的方法是用JS来编写的脚本,但是也可以直接通过修改网页属性的方法来屏蔽右键 禁止复制. 禁止右键 oncontextmenu="return false" 禁止复制和剪切: oncopy="return false;" oncut="return false;" 禁止复制 onselectstart="return false" 禁止图片拖动 ondragstart="return false&q

Windows10设置禁止IE浏览器显示图片的技巧

一位win10 32位系统用户反馈自己因为某些原因,必须要在电脑上使用移动数据流量上网.而此时,IE浏览器若是显示图片的话,就会造成流量消耗过快的问题.那么,在Win10上该如何设置IE浏览器禁止显示图片呢?下面,就随系统城小编来看看具体操作方法吧! 操作方法: 1.点击IE浏览器设置. 2.在设置菜单中,选择Internet选项. 3.选择高级选项卡. 4.在多媒体项目下,取消勾选365bet显示图片. 5.点击确定. 通过上述几步的简单操作,我们就能在Windows10系统下设置禁止IE浏览

关于禁止图片拖动的问题

最近在做一个公司的抢红包项目,会在页面上下红包雨,玩家点击红包来玩抢红包,但是当玩家在急促的点击中很容易触发图片的拖动,而在火狐浏览下浏览器下又有默认的图片拖动手势支持,火狐一拖动图片就会在新窗口打开图片,而IE而更BT,直接打开图片下载窗口,严重影响用户体验. 一开始想用css来解决,给图片加上img{ pointer-events: none;} ,在火狐下可以解决,但是在IE下不起作用,后来几翻折腾,还是用JS来解决,给图片或者其父级都加上ondragstart="return false

ChromiumWebBrowser禁止鼠标右键和拖动

C#引用CefSharp在C#的设计界面,添加panel控件用来放置CEFSharp浏览器.CEFSharp浏览器dll添加引用 using CefSharp;using CefSharp.WinForms;12CEFSharp浏览器初始化代码: public Form1(){InitializeComponent();InitBrowser();}public ChromiumWebBrowser browser;public void InitBrowser(){Cef.Initialize

JS事件——禁止事件冒泡和禁止默认事件

Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态.事件通常与函数结合使用,函数不会在事件发生前被执行! 一.什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,即事件由子元素向祖先元素传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达

javascript 实现图片拖动

javascript实现图片拖动效果并不难,主要的思路如下 1:给图片绑定监听鼠标按下对象,设置拖动属性为true 2:鼠标抬起:拖动属性为false 鼠标移动:改变坐标即可,新坐标=图片原始坐标+鼠标移动后坐标-鼠标移动前坐标 注意事项 要给图片的位置属性设为fixed或者absolute,并且要图片复制初始的left和top属性 代码如下 <!DOCTYPE html> <html> <head> <meta content="text/html;c

禁止浏览器上下拖拽方法

在触屏写的一些弹层总会引发不同浏览器里面的bug. 比如下图左侧窗口出现的时候,用户在拖拽右侧的body区域就会在某些浏览器里引发一些bug. 索性干掉这个方法,在弹层显示时不让用户拖拽页面. 引用的方法 //body一屏显示禁止上下拖拽 setPreventDefault.start(); //取消事件 setPreventDefault.end(); 1 /*禁止浏览器滚动*/ 2 var setPreventDefault = { 3 oldScrollTop : 0,/*记录滚动条位置*

js实现图片拖动改变顺序

在web页面中,需要改变多个元素的位置,可以通过元素拖动来实现.HTML5中加入了一个全局属性draggable,通过设置true/false来控制元素是否可拖动. 下面以图片拖动为例,用jQuery来实现:页面上有多个图片,把一个图片拖动到其他两个图片中间,就可以将这个图片的位置插入到两图之间. <!DOCTYPE html> <html> <head> <style> .img-div img { width:200px; height:200px; f

javascript完美实现图片拖动改变顺序

在web页面中,需要改变多个元素的位置,可以通过元素拖动来实现.HTML5中加入了一个全局属性draggable,通过设置true/false来控制元素是否可拖动. 下面以图片拖动为例,用jQuery来实现:页面上有多个图片,把一个图片拖动到其他两个图片中间,就可以将这个图片的位置插入到两图之间. html> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">&l