javascript - 使用 matchSelector js 检查 event.target.parentElement

Question

不关心旧的浏览器回退。另外，不能使用库。

我有一个事件对象。我正在通过matchesSelector针对css选择器测试event.target:
event['target'].matchesSelector('css selector here');
这有效，如下所示:
event['target']['parentElement'].matchesSelector('css selector here');
...和:
event['target']['parentElement']['parentElement'].matchesSelector('css selector here');
我正在寻找的是一些超出我理解的可能的对象方法，我可以使用它来一直检查每个 parentElement 是否匹配，而不需要 for环形。我的重点是效率。

谢谢!

Answer 1

closest()功能会做你需要的。

它从元素本身开始，遍历父元素(朝向文档根)，直到找到与提供的选择器字符串匹配的节点。有点类似于 jQuery 的 parents()功能。

所以你的代码看起来像这样:

event.target.closest(selectorString)