return false; preventDefault(); stopPropagation() の違いテスト3

stopPropagation()を使用するとイベント伝播をキャンセルできる。alertの"a"は表示されるが"div"は表示されない。また、リンクの遷移は有効になる。

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

$(function(){
	$("a").click(function(e){
		alert("a");
		return false;
	});
	$("div").click(function(){
		alert("div");
	});
    alert(1);
});