当我单击内部元素时，如何停止触发外部div事件？并且所有事件都绑定到$(document.body)

当你单击内部元素时，停止触发外部div事件可以通过事件冒泡和事件捕获的机制来实现。事件冒泡是指事件从最内层元素开始触发，然后逐级向上冒泡到父元素，直至document对象。事件捕获则是相反的过程，事件从document对象开始捕获，然后逐级向下捕获到最内层元素。

为了停止事件冒泡，可以使用事件对象的stopPropagation()方法。在点击内部元素的事件处理函数中，调用该方法可以阻止事件继续向上冒泡，从而停止触发外部div的事件。

以下是一个示例代码：

$(document.body).on('click', function() {
  console.log('外部div被点击');
});

$('#innerElement').on('click', function(event) {
  event.stopPropagation();
  console.log('内部元素被点击');
});

在上述代码中，当点击内部元素时，事件处理函数会调用event.stopPropagation()方法，阻止事件继续向上冒泡，从而只触发内部元素的点击事件，而不触发外部div的点击事件。

推荐的腾讯云相关产品：腾讯云函数（Serverless Cloud Function），它是一种无需管理服务器即可运行代码的计算服务，可以用于处理各类事件和数据处理任务。腾讯云函数可以与其他腾讯云产品进行集成，实现更多的功能和应用场景。

腾讯云函数产品介绍链接地址：https://cloud.tencent.com/product/scf