Javascript 将事件侦听器绑定到使用ajax加载的元素

我目前正在一个小型的“即将到来”网站上工作，该网站具有注册时事通讯的功能。 我有一个带有submit按钮的输入字段，它通过ajax请求提交数据，因此我添加了一个事件侦听器，监听这个按钮上的“click”事件

因为我想使用“一页”，我正在通过ajax请求加载imprint and privacy站点，并替换网站主要内容的innerHTML。为了回到主站点，我通过ajax请求再次重新加载主内容，并再次替换privacy或imprint innerHTML

如果页面第一次加载，所有功能都可以正常工作。在我访问了imprint或privacy页面并返回主页后，绑定到submit按钮的eventListeners不再工作

我尝试在加载ajax请求并设置innerHTML后调用添加eventListeners的函数。 我用jQuery和纯javascript进行了尝试，但都不起作用

我还检查了Chrome开发工具中是否有eventListeners。令人困惑的是，如果我用jQuery编写的代码添加两个EventListener，它们都会显示出来，但它们似乎不起作用。如果我执行用普通javascript编写的函数，eventListener（“click”，subEmail（））将被删除

使用jQuery编写的函数：

var btn=document.getElementById（“表单提交”）；
函数addListeners（）{
$（文档）。在（'click'，btn，function（）上{
子电子邮件（）；
});
$（document）.on（'resize'，document，function（））{
检查屏幕大小（）；
});
}
addListeners（）；

用普通javascript编写的函数：

var btn=document.getElementById（“表单提交”）；
函数addListeners（）{
btn.addEventListener（“单击”，子电子邮件（））；
addEventListener（“resize”，checkScreenSize（））；
}
addListeners（）；

ajax请求中的调用函数：

函数loadInfo（loadArg）{
var bg=document.getElementById（“bg”）；
loadAJAX=newXMLHttpRequest（）；
loadAJAX.onreadystatechange=function（）{
if（this.readyState==4&&this.status==200）{
gsap.to（“#bg cont，#bg legal，#bg cover”，{比例：3，持续时间：0.3，不透明度：0，完成：函数（）{
bg.innerHTML=loadAJAX.response；
addListeners（）；
}});
}
}
loadAJAX.open（“POST”、“/”+loadArg+”.php），true）；
setRequestHeader（“内容类型”，“应用程序/x-www-form-urlencoded”）；
loadAJAX.send（）；
}

提前感谢您提供的提示和技巧，我可以尝试使此功能正常工作！：）

~z~安德烈亚斯