javascript - 检测输入文本字段外部的模糊情况

Question

我有两个具有不同 id 的输入框。仅当我单击输入框外部时，我才需要调用模糊函数。

尝试使用以下代码

$('#voc1,#voc2').on('blur', function (e) {

    console.log("calling on blur1111");

});

但是点击其他输入框时模糊函数被调用。谁能帮我这个。

Answer 1

您可以在事件上使用 latedTarget 来检查哪个元素导致第一个元素失去焦点。请注意，根据发生的情况，latedTarget 可能为 null，因此您需要首先进行检查。然后您可以查看 id 并查看它是否是您的输入之一。

$('#voc1,#voc2').on('blur', function (e) {
  let id;
  if (e.relatedTarget) {
    id = e.relatedTarget.id;
  }
  if ((id == 'voc1') || (id == 'voc2')) {
    console.log(`Doing nothing because ${id} was clicked.`);
  } else {
    console.log('Something else was clicked so do something.');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' id='voc1' /><input type='text' id='voc2' />