Javascript 单击其他元素时模糊（取消聚焦）元素

我的尝试^^

jQuery代码：

document.addEventListener("click", function (e) {
var filter = document.getElementById('filter');
  if (e.target !== filter[0]) {
    filter.blur();
  }
});

---

当单击除#过滤器之外的任何元素时，我希望模糊（未聚焦）#过滤器

您不需要使用

[0]

取消引用

getElementById

的结果-结果已经是单个元素

只有在jQuery中才需要

[0]

，因为jQuery结果总是伪数组，即使只有一个匹配元素

---

在页面上的每一次单击都调用这个函数，考虑在函数之外移动“代码>过滤器<代码>的定义，这样您就不用每次点击重新评估它（假设元素是静态的）。你的问题是什么？请在标题中提出一个问题。这不起作用，我想知道如何使它起作用。@jfriend00，你的更改不是由ejay_francisco完成的……你看到了吗？好的，我不知道是其他人。啊！好啊有道理。非常感谢。

$(document).on('click', function(e) { 
  if (e.target !== $('#filter')[0]) 
  $('#filter').blur();
});