preventDefaultとreturn false & stopPropagationの違い

a tagでの動作のちがい

preventDefault()

  • 親要素へのバブリング(伝達)を保ちながら、
  • aタグのリンク機能を無効化する。
$('#iphone_appli_item_code').val()$(function(){
  $('a').click(function(event){
    event.preventDefault();
    $("div#Content").addClass("hoge");
  });
});

return false を使う

  • そのクリックイベントを親要素へ伝えない。
  • aタグ自体のリンク機能を無効化し、

stopPropagation()

  • バブリングをストップして、
  • aタグリンクの機能は維持する。

References

results matching ""

    No results matching ""