JavaScript鼠标事件oncontextmenu|右击鼠标打开上下文菜单
定义与用法
oncontextmenu 事件,用户在元素中右击鼠标时触发并打开上下文菜单。
注意:所有浏览器都支持 oncontextmenu 事件, contextmenu 元素只有 Firefox 浏览器支持。
语法格式
HTML 中:
< element oncontextmenu=” myScript”>
JavaScript 中:
object.oncontextmenu=function(){ myScript};
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener(“contextmenu”, myScript);
注意: Internet Explorer 8 及更早 IE 浏览器版本不支持 addEventListener() 。
示例代码
当用户在 <div> 元素 上右击鼠标时执行 JavaScript :
<div oncontextmenu="myFunction()" contextmenu="mymenu">
浏览器支持
事件 | |||||
---|---|---|---|---|---|
oncontextmenu | Yes | Yes | Yes | Yes | Yes |
所有主要浏览器都支持 onclick 事件。
技术细节
是否支持冒泡: | Yes |
---|---|
是否可以取消: | Yes |
事件类型: | MouseEvent |
支持的 HTML 标签: | 所有 HTML 元素 |