欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery a 事件冒泡

夏志豪1年前10瀏覽0評論

JQuery中的事件冒泡是指當一個元素觸發某個事件時,它的父元素也會同時觸發該事件,接著再傳遞到更上層的父元素,直到傳遞到文檔根節點為止。這個過程就像冒泡一樣,所以被稱為事件冒泡。

// 示例代碼
$(document).ready(function(){
$("p").click(function(){
alert("你點擊了段落!");
});
$("div").click(function(){
alert("你點擊了 DIV!");
});
$("body").click(function(){
alert("你點擊了 body!");
});
});

在上述例子中,如果我們點擊了一個段落元素,那么就會先觸發該段落元素上的click事件,然后再逐層向上觸發DIV和body上的click事件。

有時候我們需要阻止事件冒泡,可以使用JQuery提供的stopPropagation()方法。例如:

// 示例代碼
$("p").click(function(event){
event.stopPropagation(); // 阻止事件冒泡
alert("你點擊了段落!");
});

上述代碼中,當我們點擊段落元素時,事件冒泡會被阻止,不會繼續觸發DIV和body上的click事件。