Question

我有一个菜单，如：

<ul class="sub">
    <li><a href="#">New</a></li>
    <li><a href="#">Open</a></li>
    <li><a href="#">Save</a></li>
    <li><a href="#">Help</a></li>
</ul>

通过css悬停代码“动画”（没什么特别的）。打开选项启动文件打开功能（通过隐藏的“输入类型=文件”控件）。一切正常，但是当我完成“文件打开”对话框时，菜单仍然显示（尽管是短暂的）。单击“打开”后是否有任何方法可以让菜单消失，并且即使在“打开对话框”运行之前，屏幕上也会显示（消失）？ TIA

Answer 1

您要做的是在窗口模糊时隐藏子菜单。不确定你是否正在使用JS库，但它就像下面一样。这是一个通用的jsfiddle：http://jsfiddle.net/rgthree/b6QSP/

window.onblur = function(){
  // Where "submenu" is the sub menu to hide,
  // however you're targeting it
  submenu.style.display = 'none';
}

Answer 2

为“打开”选项添加点击事件监听器：

var openLink = document.getElementById('open'); // replace 'open' with element's ID
openLink.addEventListener('click', clickHandler, false);
function clickHandler() {
  var submenu = document.getElementById('submenu'); // replace 'submenu' with submenu's ID
  submenu.style.display = 'none';
}

单击后隐藏css菜单

2 个答案: