event.preventDefault()和event.stopPropagation()

chestnut99發表於2020-11-08

event.preventDefault()
阻止預設事件
event.stopPropagation()
阻止冒泡

<div class="outer">
	<div class=”inner“><a link="#">點選跳轉</div>
</div>

$(".outer ").click(function(e){
	alert(1)
})
//頁面列印1,跳轉
$(".outer a").click(function(e){
	e.stopPropagation()
})
$(".outer ").click(function(e){
	alert(1)
})
//頁面不會列印1,會跳轉
$(".outer a").click(function(e){
	e.preventDefalt()
})
$(".outer ").click(function(e){
	alert(1)
})
//頁面列印1,不會跳轉
$(".outer a").click(function(e){
	e.preventDefalt()
	e.stopPropagation()
})
$(".outer ").click(function(e){
	alert(1)
})
//頁面不會列印1,不會跳轉

相關文章