html 點擊子元素事件而不觸發父元素的點擊事件

阻止冒泡事件即可

 

//jquery
$("#btn").click(function(event){
    event.stopPropagation();//阻止事件冒泡即可
});

//js
document.getElementById("btn").onclick=function(event){
    event.stopPropagation();//阻止事件冒泡即可
}