<div class="box"> <button class="box">按钮</button> </div>
一、jQuery处理事件冒泡
1.方法1—return false;
var count = 0; $('.box').click(function(e){ count++; console.log(count); return false; })
2.方法2—e.stopPropagation();
var count = 0; $('.box').click(function(e){ count++; console.log(count); e.stopPropagation(); })
二、原生js处理事件冒泡
var count = 0; $('.box').click(function(e){ count++; console.log(count); e.originalEvent.cancelBubble = true; })
三、处理事件默认行为
var count = 0; $('.box').click(function(e){ count++; console.log(count); e.preventDefault(); })