首页 > 图灵资讯 > 技术篇>正文

232-父级div,包含子div,子div有点击事件,父div有点击事件,js如何实现,2个点击事件不干扰

2023-12-11 16:42:45

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的点击事件);  });});

上一篇 java steam分组求和取前5
下一篇 Redis高效恢复策略:内存快照与AOF

文章素材均来源于网络,如有侵权,请联系管理员删除。