使用 JavaScript 如何禁用右键单击或单击滚动条时如何在右键单击窗口中删除检查元素选项

     2023-05-07     73

关键词:

【中文标题】使用 JavaScript 如何禁用右键单击或单击滚动条时如何在右键单击窗口中删除检查元素选项【英文标题】:using JavaScript how to disable the Right-click or how to remove the inspect element option in the right-click window when click on the scroll bar 【发布时间】:2021-09-08 06:30:55 【问题描述】:

我正在尝试禁用滚动条上的右键单击操作或删除我页面上右键单击菜单窗口中的检查元素选项。我正在使用以下代码来满足我的要求。但是在哪里遇到了我无法找到的问题,并且其他解决方案也没有想到。请在下面找到我的示例代码。请任何帮助表示赞赏。

Sample Application - 使用此链接您可以检查代码。

<html oncontextmenu="return false;">
   <head>
      <style>
      </style>
      <script >
         document.onkeypress = function (event) 
         event = (event || window.event);
         return keyFunction(event);
         
         document.onmousedown = function (event) 
         event = (event || window.event);
         return keyFunction(event);
         
         document.onkeydown = function (event) 
         event = (event || window.event);
         return keyFunction(event);
         
         
         //Disable right click script 
         var message="Sorry, right-click has been disabled"; 
         
         function clickIE() if (document.all) (message);return false; 
         function clickNS(e) if 
         (document.layers||(document.getElementById&&!document.all))  
         if (e.which==2||e.which==3) (message);return false; 
         if (document.layers) 
         document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS; 
         elsedocument.onmouseup=clickNS;document.oncontextmenu=clickIE; 
         document.oncontextmenu=new Function("return false")
         
         function keyFunction(event)
         //"F12" key
         if (event.keyCode == 123) 
         return false;
         
         
         if (event.ctrlKey && event.shiftKey && event.keyCode == 73) 
         return false;
         
         //"J" key
         if (event.ctrlKey && event.shiftKey && event.keyCode == 74) 
         return false;
         
         //"S" key
         if (event.keyCode == 83) 
         return false;
         
         //"U" key
         if (event.ctrlKey && event.keyCode == 85) 
         return false;
         
         //F5
         if (event.keyCode == 116) 
         return false;
         
         
         
      </script>
   </head>
   <body >
      <iframe style="width:100%"  src="https://africau.edu/images/default/sample.pdf#toolbar=0"></iframe>
      <div style="width:96%;height:473px;background-color:transparent;position:absolute;top:0px;max-width: 100%;">
   </body>
</html>

【问题讨论】:

为什么?即使你禁用了右键菜单,他们仍然可以打开开发者工具并转到元素选项卡。 你的解决方案有什么问题? 这个决赛将在新窗口中打开。可能是开发人员收费不来。 我没有看到任何打开新窗口的内容。 【参考方案1】:

右键单击默认行为是触发contextmenu 事件,其默认行为是显示上下文菜单。

为了防止这种默认行为,这样写:

document.addEventListener('contextmenu', e => e.preventDefault());

请注意,它不会阻止人们使用 F12 访问开发者工具,对此您无能为力。

【讨论】:

他的代码有document.oncontextmenu=new Function("return false"),我认为基本上是等价的。 确实,虽然这样做的方式很奇怪 他的代码充满了过时的风格,比如event | window.event。这可能是 IE8 兼容性所必需的。 一个曾经附加到window的事件? ? IE 将当前事件放入全局变量event

如何禁用对 IFRAME 的右键单击

...ame上显示了一个文档内容。内容不得复制和打印。我尝试使用两个函数style="pointer-events:none;"禁用右键单击Iframe的oncontextmenu="returnfalse"工作正常。但是在右键单击时,会显示 查看详情

如何禁用 ag-grid 的右键单击/上下文菜单?

...-grid?【发布时间】:2019-05-1110:05:54【问题描述】:我正在使用ag-grid企业版,我想禁用上下文菜单或右键单击网格单元格,但我没有找到任何解决方案。这是我的代码<ag-grid-angular#agGridstyle="width:100%;height:100% 查看详情

如何向禁用右键单击的 jQuery 添加异常?

...有意义。我找到了一些关于如何取消绑定元素以重新启用使用preventDefault();阻止 查看详情

在音频上禁用右键单击

...法,但我想知道如何在HTML5音频上禁用它。我已经看到了使用一行JS禁用右键单击的示例,但是它在DOM上不起作用。JS:document.addEventListener(\'contextaudio\',event=>event.preventD 查看详情

禁用右键单击对安全性有影响吗?

...题讨论】:并非如此,它通常只会让用户感到困扰,无论如何他们都可以绕过它。服务器不关心它是否被禁用。没有。它不会 查看详情

有啥方法可以“模拟”右键单击另存为命令或使用 JavaScript 在浏览器中强制下载文件?

】有啥方法可以“模拟”右键单击另存为命令或使用JavaScript在浏览器中强制下载文件?【英文标题】:Isthereanywayto\'simulate\'right-clicksave-ascommandorforcedownloadoffileinthebrowserwithJavaScript?有什么方法可以“模拟”右键单击另存为命令或... 查看详情

如何在 JavaScript 中捕获右键单击事件? [复制]

】如何在JavaScript中捕获右键单击事件?[复制]【英文标题】:HowcanIcapturetheright-clickeventinJavaScript?[duplicate]【发布时间】:2011-05-1305:38:00【问题描述】:我想阻止标准上下文菜单,并手动处理右键单击事件。这是怎么做到的?【问... 查看详情

禁用右键单击、打印和查看源代码会使键 P 和 U 不起作用[重复]

...icate]【发布时间】:2016-12-0817:59:47【问题描述】:我使用javascript禁用了右键单击和打印选项(ctrl+P)和查看源代码(ctrl+U)。由于这些限制,键U和P不起作用。请给我解决方案或任何替代方法 查看详情

如何在使用javascript单击div中的链接时禁用div中的所有其他链接[重复]

】如何在使用javascript单击div中的链接时禁用div中的所有其他链接[重复]【英文标题】:Howtodisableallotherlinksinadivonclickofalinkindivusingjavascript[duplicate]【发布时间】:2021-12-2804:07:24【问题描述】:我是Javascript新手。我希望在单击div中... 查看详情

VBA:如何从右键单击上下文菜单中禁用某些选项

】VBA:如何从右键单击上下文菜单中禁用某些选项【英文标题】:VBA:HowcanIdisablesomeoptionsfromright-clickcontextmenu【发布时间】:2020-07-0313:27:11【问题描述】:我需要1)从“单元格”右键单击上下文菜单中禁用以下所有选项a.Pasteoptionsb... 查看详情

如何在summernote文本编辑器中禁用右键单击

】如何在summernote文本编辑器中禁用右键单击【英文标题】:howtodisableRIGHTCLICKinsummernotetexteditor【发布时间】:2020-08-0500:11:06【问题描述】:我想在summernote文本编辑器中右键单击自定义下拉列表。那么如何实现这一点。我创建了... 查看详情

禁用右键单击时如何检查chrome中的元素?

】禁用右键单击时如何检查chrome中的元素?【英文标题】:HowcanIinspectelementinchromewhenrightclickisdisabled?【发布时间】:2011-11-2802:54:22【问题描述】:我想调试当我将鼠标悬停在谷歌地图标记上时显示的信息框。但是谷歌地图禁用右... 查看详情

在谷歌浏览器中禁用检查元素,右键单击和 F12

】在谷歌浏览器中禁用检查元素,右键单击和F12【英文标题】:Disablinginspectelement,rightclickandF12ingooglechrome【发布时间】:2014-01-0617:41:57【问题描述】:有没有办法在谷歌浏览器中禁用检查元素、右键单击和F12?【问题讨论】:参... 查看详情

右键单击是 Javascript 事件吗?

】右键单击是Javascript事件吗?【英文标题】:IsrightclickaJavascriptevent?【发布时间】:2011-01-2505:37:20【问题描述】:如果是这样,我该如何使用它?【问题讨论】:【参考方案1】:是的-是的!functiondoSomething(e)varrightclick;if(!e)vare=wi... 查看详情

单击一个复选框时如何禁用特定复选框? JavaScript

】单击一个复选框时如何禁用特定复选框?JavaScript【英文标题】:Howtodisablespecificcheckboxeswhenonecheckboxisclicked?JavaScript【发布时间】:2018-02-2114:21:11【问题描述】:我想在单击复选框时禁用某些复选框。这是我想要实现的目标:如... 查看详情

如何完全禁用任何鼠标单击

】如何完全禁用任何鼠标单击【英文标题】:HowtocompletelyDISABLEanyMOUSECLICK【发布时间】:2012-01-2514:59:04【问题描述】:在用户点击....“登录”按钮和其他事件后,我制作了一个加载脚本-让用户知道他们必须等待(直到ajax回复)... 查看详情

如何使用 FormHelper 或其他方法呈现单击时运行 javascript 的图像链接?

】如何使用FormHelper或其他方法呈现单击时运行javascript的图像链接?【英文标题】:HowcanIbyusingtheFormHelper,orsomeothermethod,renderanimagelinkthatrunsjavascriptwhenclicked?【发布时间】:2010-05-1022:52:30【问题描述】:背景:我想渲染这个:<ahr... 查看详情

当用户单击图像时,如何使用 JavaScript 或 jQuery 读取图像的像素?

】当用户单击图像时,如何使用JavaScript或jQuery读取图像的像素?【英文标题】:HowcanIuseJavaScriptorjQuerytoreadapixelofanimagewhenuserclicksit?【发布时间】:2010-11-0516:45:43【问题描述】:当用户点击图像时,如何使用JavaScript或jQuery读取图... 查看详情