在点击下查找导致模糊的元素

Question

有没有办法找出导致模糊的点击元素？

我需要将 ui-select 的值设置为用户在下拉列表外单击时键入的值。但是当他单击下拉项时，应丢弃输入并选择项。所以我应该了解当用户在 ui-select 的输入之外单击鼠标时鼠标在哪里。我试过了

element.find('input').on('blur', function (e) {
       e.target  
  ...
 });

但目标始终指向

input.form-control.ui-select-search.ng-valid.ng-touched.ng-dirty.ng-valid-parse

这

在不使用鼠标事件的情况下获取当前在鼠标下的元素

始终找到突出显示的下拉项广告

确定鼠标指针在Javascript中位于哪个元素的顶部

不起作用，因为我不能使用任何 DOM X/Y 属性。

有什么想法吗？

PS：没有jquery。

Answer 1

在输入的焦点上，在根文档元素上设置一个click eventListener，该：

1. 标识收到点击的元素（event.target，类似于上面的用法）
2. for/while遍历event.target及其所有父项（一直到DOM树），寻找匹配["原始"聚焦<input>]

如果element.target和任何父/祖先都不匹配，则您找到了该元素。无论是否返回匹配项，都需要在处理程序完成后删除该eventListener。