jQuery focusout 不触发 onclick 事件

Question

在输入字段中添加文本并单击按钮后不会触发单击事件。但是点击按钮会触发click事件。

$("#title").focusout(function() {
  alert('foucus out');
});

$("#ok").click(function() {
  alert('click');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Title
<input id="title" val="hello" />
<input id="ok" type="button" value="OK" />

Answer 1

设置延迟模糊操作的计时器会触发点击事件。

$("#title").focusout(function() {
    setTimeout(function() {
      alert('foucus out');
    }, 500);
});

$("#ok").click(function() {
  alert('click');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Title
<input id="title" val="hello" />
<input id="ok" type="button" value="OK" />