如何防止在点击主体点击的同时在div上发生onclick事件？

要防止在点击主体时同时在div上触发onclick事件，可以使用事件冒泡和事件捕获的机制来处理。

事件冒泡是指当一个元素触发了某个事件时，该事件会向父元素传播，直到传播到文档根节点。而事件捕获则是相反的过程，事件从文档根节点开始传播，直到传播到触发事件的元素。

为了防止在点击主体时触发div上的onclick事件，可以在div上添加一个事件监听器，并在事件处理函数中调用事件对象的stopPropagation()方法来停止事件的传播。这样，当点击主体时，事件会在主体上触发并停止传播，不会再传播到div上触发onclick事件。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>防止事件冒泡示例</title>
  <style>
    .container {
      width: 200px;
      height: 200px;
      background-color: #ccc;
      padding: 20px;
    }
    .inner {
      width: 100px;
      height: 100px;
      background-color: #f00;
    }
  </style>
</head>
<body>
  <div class="container" onclick="console.log('点击了容器')">
    <div class="inner" onclick="event.stopPropagation(); console.log('点击了内部元素')"></div>
  </div>
</body>
</html>

在上述示例中，点击内部元素时，事件处理函数会调用event.stopPropagation()方法来停止事件的传播，从而防止在div上触发onclick事件。

需要注意的是，这只是一种防止事件冒泡的方法，如果div上还有其他事件监听器或事件处理函数，可能需要进一步处理。另外，如果点击主体时需要执行其他操作，可以在主体的onclick事件处理函数中添加相应的代码。