online Editor
stopPropagation() | Event Object - jQuery リファレンス
event.stopPropagation() - jQueryのevent.stopPropagation()のサンプルです。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Sample</title> </head> <body> <div><p class="p1">click!!</p></div> <div><p class="p2">click!!</p></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $( "div" ).click(function() { alert(2) }); $( ".p1" ).click(function( event ) { alert(1) }); $( ".p2" ).click(function( event ) { event.stopPropagation(); alert(1) }); </script> </body> </html>
HTMLを反映する >>
タグ:
Event Object
jQuery
stopPropagation()
Web Creative Park