jQuery 事件绑定－会冒泡吗？

ITPOW2019/5/14 10:24:49

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<div id="result">0</div>
<div class="btn" style="padding:20px; background:#f00;">
  <div style="padding:20px; background:#0f0;"></div>
</div>

<script>
$(window).ready(function (){
	var i = 0;
	$("div").click(function (){
		i++;
		$("#result").text(i);
	});
});
</script>

上面的代码中，我在内层 div 中点击，i 是加几次呢？加 2 次，相当于它冒泡了。

还有，如果我只为外层 div.btn 写事件，内层不写事件，点击内层时，会触发吗？会！内层阻止不了外层，因为它冒泡了，虽然自己不响应，但是它还是要冒泡交给外层。

<<返回首页<<