Javascript 防止在单击子元素时触发父div click事件处理程序

很可能这个问题有很好的记录，但我无法轻易找到答案

我已经为一个div和一个子元素嵌入了click事件处理程序。问题是，当我单击嵌入式元素处理程序（下面示例中的图标）时，图标和子div处理程序都是触发器。而期望的行为是只触发图标单击事件处理程序

解决这个问题的最佳做法是什么？提前谢谢

$（函数（）{
$（“#测试按钮”）。在（'单击'，函数（）{
警报（“按钮”）；
});
$（'#test_div'）。在（'click'，function（）{
警报（“Div”）；
});
});
您可以使用
停止播放功能执行此操作：


$（函数（）{
$（“#测试按钮”）。在（'click'，函数（e）上{
e、 停止传播（）；
警报（“按钮”）；
});
$（'#test_div'）。在（'click'，function（）{
警报（“Div”）；
});
});