在javascript中使用popover实现

Question

我想让我的popover控件。大多数问题，如箭头定位，弹出定位等等我都可以自己解决。我不确定如何以最佳方式做的一件事是当用户点击外面时如何隐藏它。欢迎任何与良好示例或实施建议的链接。

Answer 1

document.addEventListener("click", function (ev) {
  hidePopOverIfClickOutside(ev);
});

Answer 2

我认为最好的方法是将mousedown处理程序绑定到document.body并检查click是否在popover.el中。

   var popover = Ext.create('Your.Poopover', {/* ... */});

   popover.mon(Ext.getBody(), 'mousedown', function(e) {
     if (popover.isVisible() && !e.within(popover.el))
       popover.hide();
   });

Answer 3

.blur()事件在失去焦点时发送给元素。