Design Note

jQueryのバブリング preventDefault()とstopPropagation() の使い方

バブリングとは

クリックイベントなどで、子要素から親要素へと伝搬されること。

これによって不要なイベントが繰り返されて、不具合が発生することがあるため、伝搬を停止したいケースがあります。

ただ、その伝搬の停止の方法で思い浮かぶものとして2つあるため、これらの違いについて説明します。

 

preventDefault()

その要素のイベントをキャンセルする。

 

stopPropagation()

親要素への伝搬をキャンセルする。


Fatal error: Uncaught Error: Call to undefined function set_post_views() in /home/jszk/desnote.com/public_html/wpjs/wp-content/themes/the-thor-child/single.php:658 Stack trace: #0 /home/jszk/desnote.com/public_html/wpjs/wp-includes/template-loader.php(78): include() #1 /home/jszk/desnote.com/public_html/wpjs/wp-blog-header.php(19): require_once('/home/jszk/desn...') #2 /home/jszk/desnote.com/public_html/index.php(17): require('/home/jszk/desn...') #3 {main} thrown in /home/jszk/desnote.com/public_html/wpjs/wp-content/themes/the-thor-child/single.php on line 658