HTML 结构
<p id="parent"> <p id="child"></p></p>
JavaScript/jQuery 代码:
$(document).ready(function() { // 父级p点击事件处理程序 $('#parent').on('click', function() { console.log(父级p的点击事件); }); // 子级p点击事件处理程序 $('#child').on('click', function(event) { event.stopPropagation(); // 防止事件冒泡,避免触发父级p的点击事件 console.log(子级p的点击事件); });});
![](/images/780-200-2.jpg)