快捷搜索:  as  2018  FtCWSyGV  С˵  test  xxx  Ψһ  w3viyKQx

谁有澳门娱乐网站:【jQuery入门教程】7、事件机制之事件中的冒泡现象



1、当用户浏览页面时,浏览器会对页面代码进行解释或编译——这个历程实质上是经由过程变糊弄驱动的,即页面在加载时,履行一个Load事故,在这个事故中实现浏览器编译谁有澳门娱乐网站页面代码的历程。事故被触发后被分为谁有澳门娱乐网站两个阶段,一个是捕获(Capture),另一个是冒泡(Bubbing),但大年夜多浏览器并不是都支持捕获阶段,是以事故被触发后,每每履行冒泡历程。

2、示例代码:

>

html xmlns="http://www谁有澳门娱乐网站.w3.org/1999/xhtml"> head>

m谁有澳门娱乐网站eta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>事故中的冒泡征象title>

script type="text/javascript" src="jquery-1.8.3.min.js">script> script type="text/javascript">

$(function(){var intI=0;

$("body,div,#btnShow").click(function(event){intI++;

$(".clsShow").show().html("您好,迎接来到JQuery天下!").append("div>履行次数"+intI+"div>");})

});script>

head> body>

div>input id ="btnShow" type="button" value ="点击" class =谁有澳门娱乐网站"btn"/>

div>div class ="clsShow">div>

body> html>

3、效果图预览:

点击后:

点击一次后,显示履行的次数是3次,这是由于事故在履行历程中存在冒泡征象,即虽然单击的是按钮,但按钮外围的

元素的事故也被触发,同时

元素外围的元素的事故也被触发,全部历程为冒泡历程。若何阻拦冒泡历程的发生,可以经由过程stopPropagation()措施或return false来实现,改动代码为:

效果图如:点击后

您可能还会对下面的文章感兴趣: