如何使用 div最底层的事件

div 最底层的事件指的是当鼠标点击 div 区域的时候，最先触发的事件。你可以使用以下两种方式来绑定 div 最底层的事件：

1. 使用原生 Javascript

<div id="myDiv" onclick="myFunction(event)">
  <p>Click me!</p>
</div>

<script>
function myFunction(event) {
  console.log("Div clicked!");
  event.stopPropagation(); // 阻止事件冒泡
}
</script>

在这个例子中，我们给 div 元素绑定了一个 onclick 事件，并且在事件处理函数中输出了一段文字。同时，使用 `event.stopPropagation()` 阻止了事件冒泡，防止其他事件（如父元素的点击事件）被触发。

2. 使用 jQuery

<div id="myDiv">
  <p>Click me!</p>
</div>

<script>
$("#myDiv").on("click", function(event) {
  console.log("Div clicked!");
  event.stopPropagation(); // 阻止事件冒泡
});
</script>

在这个例子中，我们使用了 jQuery 库来绑定事件。使用 `$("#myDiv").on("click", ...)` 给 div 元素绑定了一个点击事件，并且在事件处理函数中输出了一段文字。同时，使用 `event.stopPropagation()` 阻止了事件冒泡，防止其他事件（如父元素的点击事件）被触发。

无论是使用原生 Javascript 还是 jQuery，都可以通过 `event.stopPropagation()` 方法来阻止事件冒泡，从而使得 div 最底层的事件被触发。