我想挡路标准的上下文菜单,并手动处理右击事件.

这是怎么做到的?

推荐答案

使用oncontextmenu事件.

下面是一个示例:

<div oncontextmenu="javascript:alert('success!');return false;">
    Lorem Ipsum
</div>

使用事件监听器(从a comment in 2011分到rampion分):

el.addEventListener('contextmenu', function(ev) {
    ev.preventDefault();
    alert('success!');
    return false;
}, false);

别忘了返回false,否则标准上下文菜单仍会弹出.

如果要使用编写的函数而不是javascript:alert("Success!"),请记住在函数和oncontextmenu属性中都返回false.

Javascript相关问答推荐

SolidJS 中的条件样式

如何在 vanilla JS 中重写这个 ramda.js 代码

用逗号分隔的双向绑定字符串

如何在 TypeScript 中获取 Enum 的最小值/最大值

react ,在使用 useContext 时得到未定义的结果

如何将 Rsa 密钥对(字符串)转换为加密密钥以对数据进行签名

在 NextJS 中使用 useContext 和 useReducer 并将 null 作为上下文读取

如何将主 js 文件中的数组用于不同的 js 文件?

如何确保使用 Firebase 仅处理一次作业(job)

使用数组字符串查找性能可行性

我如何用对象对数组进行冒泡排序?

如何在html中刷新选择列表

在 JavaScript 中,我可以阻止 onmouseup 事件被触发,用我自己的事件替换它吗?

使用我的像素艺术程序时出现奇怪的视觉错误

runtime.js:7 未捕获的错误:[RequireAuth] 不是 组件. 的所有子组件必须是

使用下拉菜单 HTML 创建粘性导航栏

TypeError: doc 不是 addSubCollectionDocument 中的函数

toString和数组join的时间复杂度差异

str.replace(/^/gm, "\t") 的预期行为是什么

用状态中的选中字段react 更新对象数组