oncontextmenu简单使用方法，以及在js函数中失效的问题

最新推荐文章于 2024-01-23 00:09:52 发布

原创最新推荐文章于 2024-01-23 00:09:52 发布 · 5.3k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js #oncontextmenu #屏蔽右键菜单栏 #前端

收录于

JS 专栏收录该内容

4 篇文章

订阅专栏

本文详细解析了oncontextmenu事件在JavaScript中的应用，指出其在末尾加上'returntrue'无法屏蔽右键的问题，并提供了一种有效的方法来解决此问题。同时，介绍了如何通过自定义函数实现事件监听，避免了其他右键事件的干扰。

oncontextmenu 简单的使用方式：

BODY中用oncontextmenu='return false'来取消鼠标右键；在JS中设置欧尼='return true'用window.document.oncontextmenu = function(){ return false;}

但是当我们设置oncontextmenu = ‘mycontextmenu()’的时候却发现在末尾加上'return true'却不能屏蔽右键，这是因为 oncontextmenu监听的是右键从按下到弹起，期间也监听到了其他的右键事件，其他的右键事件触发了右键菜单，但是我们的方法失效，下面介绍一种使用方式：

        function mycontextmenu (e)
        {
            dosomething;//书写自己的函数
            if (document.all) window.event.returnValue = false;// for IE
            else event.preventDefault();
        }