javascript - NgBlur 未在 Internet Explorer 中触发

Question

我有一个简单的下拉菜单，它在单击按钮时显示并在单击时隐藏单击下拉列表中的按钮或用户单击页面上的其他任何地方。代码在 chrome 中有效，但在 IE 中无效。它看起来像 section 上的 ng-blur 事件永远不会在 ie 中触发

我使用的是 IE11 和 AngularJS 1.2.3。代码在 Chrome 中运行良好。

// some other html here
<section tabindex="0" ng-blur="menu.isOpen=false"> // main section
    <div ng-click="toggle()">
        <div>button</div>  //button opening  dropdown
    </div>
    <div ng-show="menu.isOpen">
       <div>
           <ul>
                <li name="Sign Off" ng-click="toggle()">Sign off</li>
           </ul>
       </div>
    </div>
</section>
// here rest of page

toggle() 方法很简单:

menu.isOpen=!menu.isOpen;

更新:

经过更多调查后，我知道那个部分永远不会获得焦点，所以它永远不会变得模糊。它以某种方式隐藏在他体内的 div 下。设置 z-index:1500 没有帮助。

Answer 1

根据 angularjs 源代码，ng-blur 用于以下元素:

window, input, select, textarea, a

也许您可以将“section”替换为“a”，然后在 ie11 中重试？

'a' css 可以配置样式属性。