return false; preventDefault(); stopPropagation() の違いテスト1
aタグを子、divタグを親にしてそれぞれにクリックイベントを追加した。リンクをクリックするとalertのa, divが表示されてからYahoo!に遷移する。
HTML
<div>
<a href="http://www.yahoo.co.jp/">Yahoo!</a>
</div>
CSS
a {
width: 100px;
border: 1px solid pink;
}
div {
width: 100px;
padding: 50px;
border: 1px solid red;
}
JavaScript
$("a").click(function(){
alert("a");
return false;
});
$("div").click(function(){
alert("div");
});