单击按钮将触发该div的onClick()，而stopPropagation仅触发一次。为什么只有一次？

在前端开发中，当单击一个按钮时，事件会依次向上级元素传播，直到传播到文档的根元素。这个过程称为事件冒泡。而stopPropagation()是一个方法，它可以阻止事件继续向上级元素传播。

当我们给一个div元素添加了onClick()事件处理函数，并且在该函数内调用了stopPropagation()方法时，它会阻止事件继续向上级元素传播，从而只会触发一次。

如果没有调用stopPropagation()方法，事件会继续向上级元素传播，可能会导致多次触发事件。这是因为在事件冒泡过程中，父级元素可能也有onClick()事件处理函数，当事件传播到父级元素时，父级元素的onClick()事件处理函数也会被触发。

需要注意的是，stopPropagation()只能阻止事件继续向上级元素传播，而不能阻止同一级别元素上的其他事件处理函数的执行。

推荐的腾讯云相关产品：腾讯云函数（云原生无服务器计算平台），具体产品介绍可以参考腾讯云函数。