说明：当下层元素和上层元素支持同一事件，当上层事件触发时，下层事件也触发，这就叫事件冒泡。
取消事件冒泡：ev.cancelBubble = true
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> body{ background:yellow;} div{ width:300px; height:300px; background:green; } </style> </head> <body οnclick="di()"> <div οnclick="ding()"></div> </body > <script> function di(){ alert('底层') } function ding(e){ var ev = e|| event
// 取消事件冒泡，其实是阻止事件向下传递 ev.cancelBubble = true alert('上层社会') } </script>
</html>
点击上层div，会连带触发下层事件。取消冒泡只需要：ev.cancelBubble = true
