"Utf-8"> <style type="Text/css">. Divone{width:100px;height:100px;background:black;position:relative;cursor:pointer}. Divchild{positio N:absolute;margin:10px;width:50px;height:50px;background:white;cursor:pointer}</style> <script type="Text/javascript">function Divone () {//Here's the code for the Divone event.Console.log ('Divone Events'); Stoppropagation (); } function Divchild () {//Here's the code for the Divchild event.Console.log ('Divchild Events'); Stoppropagation (); } function Stoppropagation (e) {e= e | | Window.Event; if(e.stoppropagation) {//A way to block Bubblese.stoppropagation (); } Else{e.cancelbubble=true;//ie block bubbling method } } </script>class="Divone"onclick="Divone (This)"> <divclass="Divchild"onclick="Divchild (This)"></div> </div> </body>JS Click child element does not trigger the parent element Click event (JS block bubbling)