Firefox浏览器中body标签和document.body添加点击事件后触发两次的解决方法

在JavaScript中，我们经常需要给网页元素添加事件处理程序，以响应用户的交互操作。然而，有时候我们可能会遇到一个问题，在特定的浏览器中，添加点击事件处理程序后会触发两次。本文将介绍如何解决在Firefox浏览器中给body标签和document.body添加点击事件后触发两次的问题。

问题描述：
在某些情况下，当我们给body标签或document.body添加点击事件处理程序后，使用Firefox浏览器进行测试时会发现事件被触发了两次。这可能会导致意外的行为和错误的结果。

解决方法：
下面是一种解决该问题的方法，我们可以通过使用事件委托（Event Delegation）来避免事件被触发两次。

事件委托是一种常见的JavaScript技术，它允许我们将事件处理程序绑定到父元素，而不是直接绑定到子元素。这样一来，我们就可以利用事件冒泡的特性，将事件从子元素冒泡到父元素，从而只触发一次事件处理程序。

下面是一个示例代码，演示了如何使用事件委托来解决在Firefox浏览器中给body标签和document.body添加点击事件后触发两次的问题：

document.addEventList