好资源导航 » 文章资讯 » JS阻止事件冒泡的方法详解

JS阻止事件冒泡的方法详解

2023-08-16 15:48:04 64

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default5.aspx.cs"Inherits="Default5"%>





Porschev---Jquery事件冒泡








点击我

比如上面这个页面，

分为三层：divOne是第外层，divTwo中间层，hr_three是最里层;

他们都有各自的click事件，最里层a标签还有href属性。

运行页面，点击“点击我”,会依次弹出：我是最里层---->我是中间层---->我是最外层

---->然后再链接到百度.

这就是事件冒泡，本来我只点击ID为hr_three的标签，但是确执行了三个alert操作。

事件冒泡过程（以标签ID表示）：hr_three---->divTwo---->divOne。从最里层冒泡到最外层。

如何来阻止?

1.event.stopPropagation();


$(function(){
$("#hr_three").click(function(event){
event.stopPropagation();
});
});