Question

据我所知，我可以通过添加以下内容来禁用HTML页面上的所有上下文菜单：

<body oncontextmenu="return false;"></body>

但是，这将禁用所有上下文菜单。我只对禁用链接的上下文菜单感兴趣。我仍然希望能够通过使用页面的上下文菜单来查看页面源，更改编码等。同时，我不想为所有链接执行此操作，因为我的页面上有很多链接。

<a href="foo.html" oncontextmenu="return false;">Foo</a>

因此，我想知道是否有办法集中禁用页面上所有链接的上下文菜单，而无需将oncontextmenu属性添加到所有链接？也许是通过CSS或其他手段？

感谢。

Answer 1

如果您不介意在页面上包含jQuery，只需几行即可：

$(function() {
    $('a').attr('oncontextmenu', 'return false;');
});

这是一个 fiddle 来演示。您可能希望将a的选择器细化为更具体，因为此jQuery会禁用文档中所有链接的上下文菜单。