onshow 事件 | HTML DOM 事件对象

返回到:DOM 对象:HTML DOM 事件对象

定义和用法

onshow 事件当 <menu> 元素在上下文菜单显示时触发。

浏览器支持

表格中的数字表示支持该事件的第一个浏览器的版本号。

事件谷歌IE火狐苹果opera
onshow不支持不支持8.0不支持不支持

语法

HTML 中:

<element onshow="myScript">

JavaScript 中:

object.onshow=function(){myScript};

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("show", myScript);

注意: Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

技术细节

是否支持冒泡:No
是否可以取消:No
事件类型:Event
支持的 HTML 标签:<menu>

实例

当 <menu> 元素在上下文菜单显示时执行 JavaScript:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(web176.com)</title>
<style>
div {
    background: yellow;
    border: 1px solid #cccccc;
    padding: 10px;
}
</style>
</head>
<body>

<p>该实例演示了如何向 menu 元素中添加 "onshow" 事件。</p>
<div contextmenu="mymenu">
<p>用鼠标右键单击黄色框区域查看上下文菜单!</p>
<menu type="context" id="mymenu" onshow="myFunction()">
  <menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png"></menuitem>
  <menu label="Share on...">
    <menuitem label="Twitter" icon="ico_twitter.png" onclick="window.open('//twitter.com/intent/tweet?text=' + window.location.href);"></menuitem>
    <menuitem label="Facebook" icon="ico_facebook.png" onclick="window.open('//facebook.com/sharer/sharer.php?u=' + window.location.href);"></menuitem>
  </menu>
  <menuitem label="Email This Page" onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
</div>
<p><strong>注意:</strong>目前只有 Firefox 浏览器支持  onshow 属性。</p>
<script>
function myFunction() {
    alert("上下文菜单即将显示");
}
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4189.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年10月21日 下午5:03
下一篇 2021年10月21日 下午5:10

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注