如何仅在父div中触发函数，而不在子div中触发

要实现在父div中触发函数，而不在子div中触发，可以使用事件委托的方式来处理。

事件委托是利用事件冒泡的特性，将事件绑定在父元素上，通过事件冒泡的传播机制，当子元素触发事件时，事件会一直向上冒泡到父元素，从而触发绑定在父元素上的事件处理函数。

具体实现步骤如下：

1. 给父div绑定事件处理函数，可以使用addEventListener方法来绑定事件，例如：

const parentDiv = document.getElementById('parentDiv');
parentDiv.addEventListener('click', parentClickHandler);

1. 在父div的事件处理函数中，判断事件的目标元素是否为子div，如果是则不执行后续逻辑，如果不是则执行后续逻辑。可以使用event.target属性来获取事件的目标元素，例如：

function parentClickHandler(event) {
  if (event.target === parentDiv) {
    // 在父div中触发函数的逻辑
  }
}

这样就可以实现在父div中触发函数，而不在子div中触发。注意，子div中的事件不会被阻止，仍然可以正常触发。

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

• 云函数（Serverless）：https://cloud.tencent.com/product/scf
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr