Javascript 如何在模糊上自动隐藏YUI2菜单？

我有一个“菜单”类型的

YAHOO.widget.Button

。我的任务很简单：当用户单击按钮时，菜单显示，当用户单击屏幕上的其他位置时，菜单隐藏

以下是我在JSFIDLE上的代码：

到目前为止，我所尝试的： 1.将菜单小部件的

clicktohide

属性设置为true（参见上面的代码） 和 2.订阅按钮/菜单小部件上的模糊事件，如果菜单可见，则关闭它

由于某些原因，方法1不起作用，方法2适用于IE和Mozilla，但不适用于Chrome

难道不应该有一个简单的方法来做到这一点吗

---

感谢您的帮助

好的，我可以通过显式创建一个YAHOO.widget.Menu对象来解决这个问题，呈现它，然后将它作为菜单分配给YAHOO.widget.Button对象

奇怪的是，我必须像这样设置菜单小部件的配置，而不是在创建时：

oButton.getMenu（）.cfg.config.clicktohide.value=true