`

js 禁止右键

IEFirefoxJavaScriptHTML 
阅读更多

在CSDN上，看到有人问这个问题。就是若把页面右键屏蔽的话，文本框上的右键菜单同样也给屏蔽，问如何能够将文本框的右键菜单显示出来。
解决思路：首先，要在页面初始化时将页面右键菜单屏蔽
其次，在欲解除右键限制的文本框获得焦点时，启用页面document的右键菜单。可以用在文本框中的onmousedown事件中，但推荐用在 onfocus事件中，若使用的onmousedown的话，则按键盘上摸拟右键的按键(在右win键右边)不响应；若用onfocus事件，则能顺利响应。
最后，当该文本框失去焦点时，需将页面document的右键菜单屏蔽，用文本框的onblur事件即可。
要注意的是IE和Firefox的兼容性问题:
页面初始化时，若使用这样的语句

<body oncontextmenu="return false;">


则在IE中没有影响，但Firefox中文本框右键菜单不能显示。
使用下列语句：

<body onload="hidemenu();">


将oncontext处理代码写在函数中,IE和Firefox中均能正常响应。
下面是测试页面的源代码：

<html>
<head>
<title>屏蔽页面右键,但不屏蔽某HTML元素的右键响应</title>
<script language="javascript">
    function hidemenu()
    {
        document.oncontextmenu = function(){return false;}
    }
    
    function showmenu()
    {
        document.oncontextmenu = function(){return true;}
    }
</script>
</head>
<body onload="hidemenu();">
响应右键:<input type="text" id="text1" onfocus="showmenu();" onblur="hidemenu();">
<br>
不响应右键:<input type="text" id="text2">
</body>
</html>
分享到：
| oracle sign
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js禁止右键和禁止复制

    ### 一、JavaScript禁止右键点击 #### 实现原理： 禁用右键点击主要是通过监听`oncontextmenu`事件来完成的。当用户在网页上右击时，浏览器会触发此事件。通过将`oncontextmenu`事件处理程序设置为返回`false`，...

    js禁止右键、看源码、复制源码

    js禁止右键、看源码、复制源码，保护网页程序，很不错的东东

    js禁止右键 禁止复制

    在网页设计中，有时为了保护内容不被轻易地复制或者防止不必要的用户操作，开发者可能会采用JavaScript来实现一些限制功能，比如“禁止右键”和“禁止复制”。这主要是通过监听和处理浏览器的特定事件来实现的。下面...

    用javascript 禁止右键,禁止复制,禁止粘贴

    使用 JavaScript 禁止右键、禁止复制、禁止粘贴 在网页开发中，保护自己辛苦半天做的网页，尤其是一些 JavaScript 特效，不被人利用查看源文件而复制非常重要。下面将详细介绍如何使用 JavaScript 禁止右键、禁止...

    js 禁止右键 禁止f12

    js 禁止右键 禁止f12

    网页禁止右键JS代码

    网页禁止右键JS代码是一种常见的网页安全策略，用于防止用户通过浏览器的默认右键菜单功能复制页面内容或图片。在互联网上，许多网站尤其是提供原创内容的平台，如在线教育、新闻媒体和博客，可能会使用这种方法来...

    各浏览器兼容禁止右键js代码

    在实际项目中，我们通常会将这类脚本放入HTML文件的`&lt;head&gt;`标签内，或者通过外部JS文件引用，例如我们的压缩包中的"各浏览器兼容禁止右键.html"文件，这样就可以确保脚本在页面加载时执行。 总的来说，禁止右键...

    js鼠标禁止右键、复制粘贴代码

    js鼠标禁止右键、复制粘贴代码，供大家一起共同分享学习。

    禁止点击鼠标右键

    我们可以通过监听这个事件并阻止其默认行为来达到禁止右键菜单显示的目的。 以下是一个简单的示例，展示如何在网页的整个 body 上禁止鼠标右键点击： ```html &lt;!DOCTYPE html&gt; 禁止点击鼠标右键 document....

    禁止右键代码示例demo

    ### 禁止右键代码示例解析 在网页开发中，有时为了保护网页内容不被轻易复制或出于用户体验的设计考虑，开发者会采用各种技术手段来禁止用户在页面上使用鼠标右键。本文将深入分析一种禁止用户在网页上使用右键的...

    禁止鼠标右键及svg中自定义右键菜单

    总结起来，禁止鼠标右键和在SVG中自定义右键菜单涉及到JavaScript事件处理和DOM操作。通过监听`contextmenu`事件并调用`preventDefault()`方法，可以阻止浏览器的默认右键菜单。而在SVG中，我们可以结合CSS和...

    Flash+js禁用flash右键

    这里，`addEventListener`方法为`myFlash`对象添加了对`contextmenu`事件的监听，当右键点击时，JavaScript同样会阻止默认的右键菜单显示。 需要注意的是，由于Flash的安全性和浏览器兼容性问题，现代浏览器已经...

    javascript页面代码防止frame禁止右键

    ### JavaScript 页面代码防止 Frame 禁止右键详解 在网页开发中，有时为了保护网站内容不被轻易复制或防止网站被嵌入到其他站点的框架（frame）中，开发者会采用一系列技术手段来实现这一目标。下面我们将详细介绍...

    禁止右键 黏贴 复制 JS

    标题“禁止右键 黏贴 复制 JS”所指的就是利用JavaScript代码来阻止这些默认行为的技术。下面我们将详细探讨如何实现这一目标以及相关知识点。 首先，让我们来看一下如何禁用右键菜单。在浏览器中，用户通常通过...

    禁止右键，F12等查看源码.js

    使用后无法通过右键，F12之类的查看源代码，如有需要还需自己注释掉引用的js。

    JS禁止在图片上使用右键.rar

    下面是一个简单的示例，展示了如何使用JavaScript禁止图片的右键菜单： ```html &lt;!DOCTYPE html&gt; 禁止图片右键示例 禁止右键图片"&gt; document.getElementById('protectedImage').addEventListener('...

    iframe里的页面禁止右键事件的方法

    在实际的开发过程中，除了使用JavaScript来禁止右键菜单外，还可以通过CSS属性来进一步增强对右键菜单的控制。例如，可以在CSS中设置： ```css body { -moz-user-select: none; /* Firefox */ -webkit-user-...

    js网页禁右键、复制、选择文字

    在实际项目中，`js网页禁右键、看源码、复制.htm`和`JS禁止右击菜单.html`这样的文件可能是包含这些禁用功能的HTML示例文件，供开发者参考和学习。通过阅读和理解这些文件，你可以更好地掌握如何在自己的网页中应用...

    用JS实现右键的复制，拈帖和剪切功能

    ### 使用JavaScript实现右键的复制、粘贴和剪切功能 #### 一、背景介绍 在Web开发过程中，有时我们需要模拟浏览器自带的右键菜单中的复制（Copy）、粘贴（Paste）以及剪切（Cut）功能。这不仅能够增强用户体验，还...

    网页禁止右键，兼容火狐和谷歌

    网页禁止右键，兼容火狐和谷歌等浏览器，包含样式控制和js代码等多种方法

Magicbox
Global site tag (gtag.js) - Google Analytics