javascript - 将事件监听器添加到 vanilla javascript 中尚不存在的元素

Question

在 JQuery 中我可以这样做:

$(document).on("click","a.someBtn",function(e){
    console.log("hi");
});

将事件监听器添加到尚不存在的元素。我似乎无法弄清楚如何将事件监听器添加到 vanilla javascript 中尚不存在的元素。
以下显然不起作用:

query.addEventListener( "click", someListener );

编辑

我想做的是通过查询选择器比较项目。我正在使用 querySelectorAll 选择尚不存在的元素。它比仅仅检查标签名称更加动态。

Answer 1

使用 target event 对象中的属性来获取被点击的元素。然后，手动测试 type/attributes/ids

document.addEventListener( "click", someListener );

function someListener(event){
    var element = event.target;
    if(element.tagName == 'A' && element.classList.contains("someBtn")){
        console.log("hi");
    }
}