Javascript 如果按钮反复隐藏和显示，是否会丢失其onclick侦听器

我有两个按钮，一开始是“按钮A”和“按钮B”，它们都是可见的。单击按钮B发送一个ajax请求，该请求带来数据，然后在“按钮a”上设置

display:none

。再次单击按钮B，它会显示数据，但这次设置“按钮A”上的

display:block

。 重复上述操作10-15次后，按钮A停止响应，甚至没有调用其onClick函数。 这只发生在chrome中，而不是IE中

设置

visibility:visible

和

visibility:hidden

可以解决问题，但需要使用display属性

---

上述问题是否有解决办法

您可以这样做：

<div id="overlay"></div>
<!-- End Overlay -->
<button id="toggler">Apply Overlay</button>
<div id="sB">

<button id="closeit">Close Overlay</button>
</div>

$(document).on("click","your button",function(){ your function block});

这就可以了，我不知道如何在vanilla JS中做到这一点，如果有人能解释这一点，我将非常感谢

---

关于

请添加源代码为什么要求使用显示？那是什么？任务？不要指望有人能帮你解决这个问题。你能添加UI草图吗？我无法想象你的UI是什么样子。我不认为“显示：块”是必要的。