在 JavaScript 中，默认情况下，点击事件（onclick）只触发一次。为了允许多次触发，可以使用以下方法：使用 addEventListener() 方法添加多个事件监听器。使用 onmousedown 事件监听鼠标按钮按下，不会阻止浏览器的默认行为。使用 click() 方法模拟元素的点击事件。
JavaScript 中点击事件只能触发一次
在 JavaScript 中，通常使用 onclick 事件监听器来监听元素的点击事件。但是，默认情况下，onclick 事件监听器只能触发一次。这意味着当用户第一次点击元素时，事件监听器将被触发，但后续的点击将不会触发事件。
原因
默认情况下，onclick 事件监听器是通过覆盖浏览器的默认行为来工作的。当用户点击一个元素时，浏览器会触发其默认行为，例如在链接上导航或提交表单。onclick 事件监听器通过覆盖此默认行为来阻止它并执行自定义代码。
当 onclick 事件监听器被触发时，它会将事件对象作为第一个参数传递给处理函数。事件对象包含有关点击事件的信息，包括 stopPropagation() 方法。
stopPropagation() 方法可用于阻止事件冒泡到父元素。当 onclick 事件监听器调用 stopPropagation() 方法时，它将阻止事件传播到元素的任何父元素。这将导致后续点击不会触发 onclick 事件监听器。
解决方法
要允许 onclick 事件监听器多次触发，可以使用以下几种方法：
-
使用
addEventListener()方法：addEventListener()方法允许为同一个事件类型添加多个事件监听器。通过使用addEventListener()方法，可以添加多次触发的onclick事件监听器。 -
使用
onmousedown事件：onmousedown事件在鼠标按钮按下时触发。与onclick事件不同，onmousedown事件不会阻止浏览器的默认行为。因此，可以使用onmousedown事件来触发多次点击事件。 -
使用
click()方法：click()方法模拟元素的点击事件。可以通过使用click()方法来多次触发点击事件。
