全てのメニューイベントを解除する

書式

menuObj.eventName.unsubscribeAll()

menuObj : メニューオブジェクト
eventName : 解除したいイベント名

説明

 全てのイベントを解除するにはunsubscribeAll()を使います。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<link rel="stylesheet" href="css/menu.css" type="text/css" media="all">
<script type="text/javascript" src="yahoo.js"></script>
<script type="text/javascript" src="dom.js"></script>
<script type="text/javascript" src="event.js"></script>
<script type="text/javascript" src="container.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript"><!--
var myMenu;
function dispStatus1(sType, aArguments) {
var time = new Date();
YAHOO.util.Dom.get("result1").innerHTML = "1:"+sType+", "+time;
}
function dispStatus2(sType, aArguments) {
var time = new Date();
YAHOO.util.Dom.get("result2").innerHTML = "2:"+sType+", "+time;
}
window.onload = function(){
myMenu = new YAHOO.widget.Menu("menu1");
myMenu.mouseOverEvent.subscribe(dispStatus1);
myMenu.mouseOverEvent.subscribe(dispStatus2);
myMenu.render();
myMenu.show();
}
function clearEvent(){
myMenu.mouseOverEvent.unsubscribe(dispStatus1);
}
function clearAllEvent(){
myMenu.mouseOverEvent.unsubscribeAll();
}
// --></script>
</head>
<body>
<h1>メニューイベントを解除する</h1>
<input type="button" value="マウスオーバーイベント1解除" onClick="clearEvent()">
<input type="button" value="全マウスオーバーイベントイベント解除" onClick="clearAllEvent()">
<div id="menu1" class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem"><a href="http://www.openspc2.org/">OpenSpace</a></li>
<li class="yuimenuitem"><a href="http://www.bnn.co.jp/">BNN</a></li>
<li class="yuimenuitem"><a href="http://www.e-frontier.co.jp/">e frontier</a></li>
</ul>
</div>
</div>
<div id="result1"></div>
<div id="result2"></div>
</body>
</html>