Javascript 禁用href的单击传播

此代码段解释了我的情况：

$（“#b”）。单击（函数（e）{
e、 停止传播（）；
});
$（“#b”）。单击（函数（）{
警报（“触发div”）；
});
a{
显示：块；
位置：相对位置；
宽度：100px；
高度：100px；
背景颜色：灰色；
}
div{
位置：绝对位置；
宽度：50px；
高度：50px；
排名：0；
左：0；
背景色：红色；
}
您需要使用方法阻止默认的单击事件操作


$（“#b”）。单击（函数（e）{
e、 预防默认值（）；
警报（“触发div”）；
});
a{
显示：块；
位置：相对位置；
宽度：100px；
高度：100px；
背景颜色：灰色；
}
div{
位置：绝对位置；
宽度：50px；
高度：50px；
排名：0；
左：0；
背景色：红色；
}
您需要使用方法阻止默认的单击事件操作


$（“#b”）。单击（函数（e）{
e、 预防默认值（）；
警报（“触发div”）；
});
a{
显示：块；
位置：相对位置；
宽度：100px；
高度：100px；
背景颜色：灰色；
}
div{
位置：绝对位置；
宽度：50px；
高度：50px；
排名：0；
左：0；
背景色：红色；
}

不使用javascript：


#a{
显示：块；
位置：绝对位置；
宽度：100px；
高度：100px；
背景颜色：灰色；
}
div{
位置：绝对位置；
宽度：50px；
高度：50px；
背景色：红色；
}

不使用javascript：


#a{
显示：块；
位置：绝对位置；
宽度：100px；
高度：100px；
背景颜色：灰色；
}
div{
位置：绝对位置；
宽度：50px；
高度：50px；
背景色：红色；
}


$("#a").click(function (event) {
    event.preventDefault();
});

$("#b").click(function (event) {
    event.stopPropagation();
    alert("trigger div");
});