HTML事件屬性onshow
HTML事件屬性onshow
觸發onshow
屬性事件當< menu> 元素顯示為上下文菜單。
HTML5中的新功能
onshow屬性是HTML5中的新特性。
句法
<menu onshow="script or Javascript function name">
支持的標簽
<menu>
瀏覽器兼容性
onshow | No | No | 8.0 | No | No |
例子
<!DOCTYPE html>
<html>
<head>
<style>
div {background: yellow;border: 1px solid #cccccc;padding: 10px;
}
</style>
</head>
<body>
<div contextmenu="mymenu">
<p>Right-click inside this box to see the context menu!</p>
<menu type="context" id="mymenu" onshow="myFunction()">
<menuitem label="Refresh from custom menu" onclick="" icon=""></menuitem>
</menu>
</div>
<script>
function myFunction() {
console.log("The context menu is about to be shown");
}
</script>
</body>
</html>
Click to view the demo