当一个具有contextmenu属性的元素的contextmenu事件触发或冒泡到该元素时,show事件会被触发。
当 <menu> 元素在上下文菜单显示时执行 JavaScript:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplus.com)</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事件属性。
onshow事件属性是HTML5中的新增功能。
<element onshow="script">
| 值 | 描述 |
|---|---|
| script | 脚本在 onshow 中执行 |
| 支持的 HTML 标签: | <menu> |
|---|
HTML DOM 参考手册: onshow 事件