将点击绑定到 ajax 加载的内容，纯 JavaScript，没有 jQuery [重复]

Question

我想知道如何将点击事件绑定到稍后将通过 ajax 调用添加的元素。我知道在 jQuery 中你可以这样做：

$(document).on('click', '.ajax-loaded-element' function(){});

但我现在没有使用 jQuery。 我的想法是这样的，但是如果您两次调用同一个文件，那将不起作用（不确定是否需要它，但我想让它防弹）。

bindAjaxBtn: function(selector, fnName) {
    let isBinded = false;
    document.addEventListener('click', function(e) {
        const btn = document.querySelector(selector);
        if(btn === e.target) {
            if(!isBinded) {
                btn.addEventListener('click', function() {
                    fnName();
                    isBinded = true;
                });
                btn.click();
            }
        }
    });
},

任何帮助将不胜感激。 :)

Answer 1

它非常简单。你可以试试这个。 这将对您有所帮助。

document.getElementById('btn').setAttribute('onClick','myfunction()');
function myfunction(){
  alert('Button Clicked');
}

<button id="btn">Click Here</button>

快乐编码。