网页禁用右键菜单和鼠标拖动选择方法小结

一、禁止鼠标右键菜单：

　　有如下两种方法来禁止鼠标右键

1、在HTML元素的Body标签中加入Javascript事件句柄，代码如下：

代码如下:

<body onContextMenu="return false">

　　说明：您也可以在网页指定的位置禁止右键，比如您只想在网页中的某个图片上禁右键防下载，或您只想在网页中的一段文字或表格上禁右键，您也只需将如上红色代码加入到相应的HTML标签元素中，例：

代码如下:

<img src="logo.gif" width=88 height=31 onContextMenu="return false">
<!--加在图片上-->
<table onContextMenu="return false">
<!--加在表格中-->
<font onContextMenu="return false">文字内容</font>
<!--加在文字上-->

2、编写一个Javascript函数，然后调用事件处理，代码如下：

代码如下:

<script language=javascript>
<!--
document.oncontextmenu=mylock1;
function mylock1(){
event.returnValue=false;
}
//-->
</script>

　　说明：请注意代码大小写！将如上代码拷贝到网页HTML源代码的<head>与</head>之间即可。

如果要对网页元素指定的标签进行右键屏蔽，只需把document改成相应的网页对象标签名即可。

二、禁止拖动选择网页元素：

　　与上例一样也有如下两种方法来禁止鼠标右键

1、在HTML元素的Body标签中加入Javascript事件句柄，代码如下：

代码如下:

<body onSelectStart="return false">

　　说明：与上面的禁右键用法类似

2、编写一个Javascript函数，然后调用事件处理，代码如下：

代码如下:

<script language=javascript>
<!--
document.onselectstart=mylock1;
function mylock1(){
event.returnValue=false;
}
//-->
</script>

　　说明：请注意语句的大小写！将如上代码拷贝到网页HTML源代码的<head>与</head>之间即可。

如果要对网页元素指定的标签进行右键屏蔽，只需把document改成相应的网页对象标签名即可。

综上所述，如果我们既要禁止网页右键菜单，又要禁鼠标拖动，即可以用如下两种方法：

方法一：

代码如下:

<body onContextMenu="return false;" onSelectStart="return false">

方法二：

代码如下:

<script language=javascript>
<!--
document.onselectstart=mylock1;
document.oncontextmenu=mylock1;
function mylock1(){
event.returnValue=false;
}
//-->
</script>

以上这些都是本人常用的方法的总结，不是很全面，小伙伴们有其他方法还请给我留言，本文持续更新。

赞 (0)

相关推荐

  • 使用OpenLayers3 添加地图鼠标右键菜单

    使用OpenLayers3 添加地图鼠标右键菜单

    添加右键菜单,首先我们要监听鼠标右键点击的操作,我们知道鼠标右键事件名是 contextmenu,当鼠标在 html 元素之上,点击鼠标右键,便会触发 contextmenu 事件,在 contextmenu 事件的回调函数中实现相应的显示菜单功能即可. 那么在 openlayers 中,在地图中添加这个事件,我们从哪里下手呢?首先我们得了解 openlayers 的初始化页面的过程. openlayers 初始化页面过程 openlayers 也是一个前端库,那么它肯定离不开 html 的运用

  • js实现完全自定义可带多级目录的网页鼠标右键菜单方法

    本文实例讲述了js实现完全自定义可带多级目录的网页鼠标右键菜单方法.分享给大家供大家参考.具体分析如下: 这是很不错的一个网页鼠标特性,这个代码可以控制网页中鼠标的右键菜单,完全按照你的意思打造,可以带多级的目录显示. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.

  • 深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制

    我记得在刚开始接触动态HTML及JavaScript时就接触过关于鼠标右键屏蔽的脚本代码,当时这些代码很多会用在防止浏览者未经允许的复制网页上的文字或者其他内容,后来的实际应用证明这种做法是不符合用户体验的,而且破解的方法也有很多,比如我曾经写过一篇文章讲解如何解除网页禁止复制的办法. 由此可见,限制右键及复制是不明智的做法,但是今天我仍然要谈谈关于禁止网页复制.右键菜单的事儿,因为随着网页APP技术的发展,网页应用和桌面应用之间的界限越来越模糊,有一些桌面程序实际上是由网页配合JavaScri

  • Javascript实现鼠标右键特色菜单

    Javascript实现鼠标右键特色菜单

    在Web端,通常是不需要右键菜单,各个浏览器也有自己的右键菜单.但是对于一些特殊的网页,是需要右键菜单来增加用户体验的,比如百度音乐,QQ邮箱,相信大家都在Web端使用过右键菜单了,现在来分享一下如何实现,比较简单. 运行代码: window.onload = function() { document.oncontextmenu = block; document.body.onmouseup = function(event) { if (!event) event = window.eve

  • js捕获鼠标右键菜单中的粘帖事件实现代码

    js捕获鼠标右键菜单中的粘帖事件实现代码

    比如点击菜单中的"粘帖"后事件如何捕获  问题解决了! 用的jQuery中的paste事件,这里需要注意,如想获得粘帖文本要使用setTimeout控制下时间. 复制代码 代码如下: $("#input").bind('paste', function(e) { var el = $(this); setTimeout(function() { var text = $(el).val(); alert(text); }, 100); }); 貌似是在1.4版后加上

  • 网页禁用右键菜单和鼠标拖动选择方法小结

    一.禁止鼠标右键菜单: 有如下两种方法来禁止鼠标右键 1.在HTML元素的Body标签中加入Javascript事件句柄,代码如下: 复制代码 代码如下: <body onContextMenu="return false"> 说明:您也可以在网页指定的位置禁止右键,比如您只想在网页中的某个图片上禁右键防下载,或您只想在网页中的一段文字或表格上禁右键,您也只需将如上红色代码加入到相应的HTML标签元素中,例: 复制代码 代码如下: <img src="log

  • jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现

    禁用鼠标右键菜单栏 $("body").bind("contextmenu", function(event) { return false; }); 禁用快捷键 $("body").bind("keydown",function(e){ e=window.event||e; //禁止空格键翻页 if(event.keyCode==32){ return false; } //屏蔽F5刷新键 if(event.keyCode=

  • javascript实现淡蓝色的鼠标拖动选择框实例

    本文实例讲述了javascript实现淡蓝色的鼠标拖动选择框.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

  • 解决IntelliJ IDEA中鼠标拖动选择为矩形区域问题

    修改方法有两个 1.方法1:点"编辑"-->"列选择模式" 2.方法2:快捷键Shift+Alt+Insert 修改后结果如下: 到此这篇关于解决IntelliJ IDEA中鼠标拖动选择为矩形区域问题的文章就介绍到这了,更多相关IDEA鼠标拖动选择矩形区域内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

  • jQuery简单实现禁用右键菜单

    代码非常简单,这里就不多废话了,直接上代码: 复制代码 代码如下: $(document).ready(function(){     $(document).bind("contextmenu",function(e){         return false;     }); }); 5行代码搞定,简单吧,当然小伙伴们可以自由扩展下,可以实现屏蔽右键菜单的指定项.

  • 网页禁用右键实现代码（JavaScript代码）

    复制代码 代码如下: <script language="javascript"> function disableRightClick(e) { var message = "右键禁用..."; if(!document.rightClickDisabled) // initialize { if(document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedo

  • JQuery模拟实现网页中自定义鼠标右键菜单功能

    JQuery模拟实现网页中自定义鼠标右键菜单功能

    前言 题外话.......最近在开发一个网站项目的时候,需要用到网页自定义右键菜单,在网上看了各路前辈大神的操作,头晕目眩,为了达到目的,突然灵机一动,于是便有了这篇文章. 先放个效果图(沾沾自喜,大神勿喷): 废话不多说,进入正题: 1.首先 我们要禁用掉原网页中右键菜单 //JQuery代码 $(selector).on('contextmenu', function () { return false; }) 这样目标区域的右键菜单就无法使用了 demo1: <!DOCTYPE html>

  • 用js实现网页上模仿桌面右键菜单

    网页上模仿桌面右键菜单 右击鼠标看看 -_-! \n"; // rbpm = right button pop menu HTMLstr += " \n"; HTMLstr += "\n"; HTMLstr += " \n"; HTMLstr += " \n"; HTMLstr += ""; HTMLstr += "\n"; HTMLstr += "\n";

  • 利用JS重写Cognos右键菜单的实现代码

    利用JS重写Cognos右键菜单的实现代码

    复制代码 代码如下: <!--菜单样式--> <STYLE type=text/css> .cMenu { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 14px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px solid; WIDTH: 150px; CURSOR: default; COLO

  • Popup对象实现右键菜单

    Popup对象实现右键菜单 var oPopup = window.createPopup(); function contextMenu() { var left = event.offsetX+10; var top = event.offsetY+10; oPopup.document.body.innerHTML = oContext.innerHTML; oPopup.show(left, top, 120, 80, window.document.body); } Popup对象实现

随机推荐