纯 JS 的 jQuery 功能 [重复]

Question

选择器上有功能点击绑定

$(document).on("click", ".onClass", function () {
    //your code
    var element = $(this); // to get clicked element
});

有没有纯js的类比？

附：我已经看到了这个解决方案How to get the element clicked (for the whole document)?，但这不是我所期待的解决方案。

Answer 1

您可以以相同的方式将事件侦听器绑定到文档，但您需要测试目标元素以查看它或其祖先之一是否与选择器匹配。

document.addEventListener('click', (event) => {
    const selector = ".onClass";
    const element = event.target;
    if (!element.closest(selector)) return; // No match so abort here
    // Otherwise: Do stuff with element
});