javascript - Jquery 模糊在 Firefox 和 Chrome 中不起作用，但在 IE9 中有效

Question

我有这个模拟下拉多选框的 HTML 代码

<div>
   <div class="select">
       <span>Select something</span>
   </div>
   <div class="no-display select-list">
       <div>
          <label class="unchecked" for="value1">
             Value1
          </label>
          <label class="unchecked" for="value2">
             Value2
          </label>
       </div>
   </div>
</div>

和javascript:

  $(".select").live("click", function () {
     $(".select-list").toggleClass("no-display").focus();
  });

  $(".select-list").live("blur", function () {
     $(this).addClass("no-display");
  });

但在 Firefox 和 Chrome 中，blur 事件不起作用，但在 IE9 中起作用。

我想在点击 select-list 元素外部时关闭它(意味着让它不可见)。

我在该元素上分配了 focus 之后使用了 blur 事件。

你能告诉我这样做的好方法吗？

谢谢

Answer 1

尝试使用 on("focusout", 而不是 on("blur"),，因为 blur 事件并不总是被触发。