Safari未在父div上触发onclick

是一个前端开发中的问题，它指的是在Safari浏览器中，当点击一个子元素时，父元素的onclick事件没有被触发。

这个问题通常是由于Safari浏览器的事件冒泡机制不同于其他浏览器所导致的。在Safari中，如果子元素上有onclick事件，并且该事件没有被阻止冒泡，那么点击子元素时，只会触发子元素的onclick事件，而不会触发父元素的onclick事件。

解决这个问题的方法有多种，以下是一些常见的解决方案：

1. 使用事件委托：将onclick事件绑定到父元素上，通过事件委托的方式来处理子元素的点击事件。这样无论点击父元素还是子元素，都会触发父元素的onclick事件。示例代码如下：

document.getElementById('父div的id').onclick = function(event) {
  // 判断点击的是父元素还是子元素
  if (event.target.id === '子元素的id') {
    // 处理子元素的点击事件
  } else {
    // 处理父元素的点击事件
  }
};

1. 使用addEventListener方法：使用addEventListener方法来绑定父元素的点击事件，并设置第三个参数为true，表示在捕获阶段触发事件。这样无论点击父元素还是子元素，都会在捕获阶段触发父元素的onclick事件。示例代码如下：

document.getElementById('父div的id').addEventListener('click', function() {
  // 处理父元素的点击事件
}, true);

1. 使用touchend事件：在移动设备上，可以使用touchend事件来替代onclick事件。在Safari中，touchend事件会在点击子元素后触发父元素的onclick事件。示例代码如下：

document.getElementById('父div的id').addEventListener('touchend', function() {
  // 处理父元素的点击事件
});

以上是解决Safari未在父div上触发onclick事件的几种常见方法。根据具体的场景和需求，选择适合的方法来解决该问题。

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

• 腾讯云前端开发服务：https://cloud.tencent.com/product/fe
• 腾讯云后端开发服务：https://cloud.tencent.com/product/ba
• 腾讯云软件测试服务：https://cloud.tencent.com/product/ts
• 腾讯云数据库服务：https://cloud.tencent.com/product/cdb
• 腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
• 腾讯云云原生服务：https://cloud.tencent.com/product/tke
• 腾讯云网络通信服务：https://cloud.tencent.com/product/vpc
• 腾讯云网络安全服务：https://cloud.tencent.com/product/ddos
• 腾讯云音视频服务：https://cloud.tencent.com/product/tiia
• 腾讯云多媒体处理服务：https://cloud.tencent.com/product/mps
• 腾讯云人工智能服务：https://cloud.tencent.com/product/ai
• 腾讯云物联网服务：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发服务：https://cloud.tencent.com/product/mpe
• 腾讯云存储服务：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务：https://cloud.tencent.com/product/baas
• 腾讯云元宇宙服务：https://cloud.tencent.com/product/vr