HTML onshow事件属性

由网友 大卫 发布 阅读 11

HTML onshow事件属性

当一个具有contextmenu属性的元素的contextmenu事件触发或冒泡到该元素时,show事件会被触发。

HTML 事件属性

在线示例

当 <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 事件


HTML 事件属性

HTML ontoggle事件属性 HTML onmouseup事件属性