javascript - Child element click event trigger the parent click event

Question

Welcome To Ask or Share your Answers For Others

javascript - Child element click event trigger the parent click event

posted Oct 17, 2021 in Technique[技术] by 深蓝 (71.8m points)

javascript - Child element click event trigger the parent click event

Say you have some code like this:

<html>
  <head>
  </head>
  <body>
     <div id="parentDiv" onclick="alert('parentDiv');">
         <div id="childDiv" onclick="alert('childDiv');">
         </div>   
      </div>
  </body>
</html>

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

...

深蓝 · Answer 1 · 2021-10-17T00:07:00+0000

You need to use event.stopPropagation()

Live Demo

$('#childDiv').click(function(event){
    event.stopPropagation();
    alert(event.target.id);
});?

event.stopPropagation()

Description: Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.

Categories

javascript - Child element click event trigger the parent click event

javascript - Child element click event trigger the parent click event

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags