将事件侦听器添加到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来获取单击的元素.然后,手动测试类型/属性/ ID

document.addEventListener( "click", someListener );

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