当单击body中的按钮时，如何从body停止事件？

当单击body中的按钮时，可以通过阻止事件冒泡或阻止默认行为来停止事件传播。

阻止事件冒泡的方法是使用事件对象的stopPropagation()方法。该方法可以阻止事件从触发元素向父元素传播。示例代码如下：

document.querySelector('body').addEventListener('click', function(event) {
  console.log('body clicked');
});

document.querySelector('button').addEventListener('click', function(event) {
  event.stopPropagation();
  console.log('button clicked');
});

在上述代码中，当点击按钮时，事件不会继续传播到body元素，因此不会触发body的点击事件。

阻止默认行为的方法是使用事件对象的preventDefault()方法。该方法可以阻止元素默认的行为，比如点击链接时阻止跳转。示例代码如下：

document.querySelector('button').addEventListener('click', function(event) {
  event.preventDefault();
  console.log('button clicked');
});

在上述代码中，当点击按钮时，按钮的默认行为（比如提交表单或跳转链接）将被阻止。

腾讯云相关产品和产品介绍链接地址：

• 云函数（Serverless）：https://cloud.tencent.com/product/scf
• 云开发（小程序开发）：https://cloud.tencent.com/product/tcb
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云存储（对象存储）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 视频处理（VOD）：https://cloud.tencent.com/product/vod
• 音视频通话（TRTC）：https://cloud.tencent.com/product/trtc
• 网络安全（SSL 证书）：https://cloud.tencent.com/product/ssl
• 移动开发（移动推送）：https://cloud.tencent.com/product/tpns
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 数据库（CDB）：https://cloud.tencent.com/product/cdb
• 网络通信（VPC）：https://cloud.tencent.com/product/vpc
• 云原生数据库（TDSQL）：https://cloud.tencent.com/product/tdsql
• 多媒体处理（MPS）：https://cloud.tencent.com/product/mps
• 元宇宙（Metaverse）：https://cloud.tencent.com/solution/metaverse