
当一个具有contextmenu属性的元素的contextmenu事件触发或冒泡到该元素时,show事件会被触发。
在线示例
当 <menu> 元素在上下文菜单显示时执行 JavaScript:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>大卫编程网(div.cn)</title>
</head>
<body>
<div contextmenu="test"></div>
<menu type="context" id="test">
<menuitem label="alert" onclick="alert('the alert label has been clicked')" />
</menu>
<script>
document.getElementById("test").addEventListener("show", function(e){
alert("the context menu will be displayed");
}, false);
</script>
</body>
</html>测试看看 ‹/›定义和用法
当<menu>元素显示为上下文菜单时,将激活onshow属性。
浏览器兼容性
IEFirefoxOperaChromeSafari
目前只有浏览器firefox支持 onshow事件属性。
HTML 4.01 与 HTML5 的区别
onshow事件属性是HTML5中的新增功能。
语法
<element onshow="script">
属性值
| 值 | 描述 |
|---|---|
| script | 脚本在 onshow 中执行 |
技术细节
| 支持的 HTML 标签: | <menu> |
|---|
相关页面
HTML DOM 参考手册: onshow 事件