阻止事件冒泡行为与事件默认行为

js（不支持兼容性）：

阻止事件冒泡行为

什么是冒泡事件？如 在一个按钮是绑定一个”click”事件，那么”click”事件会依次在它的父级元素中被触发 。stopPropagation就是阻止目标元素的事件冒泡到父级元素。

function stopBubble(e) { if (e && e.stopPropagation) e.stopPropagation() else window.event.cancelBubble = true }

阻止事件默认行

作用是取消一个目标元素的默认行为。既然是说默认行为，当然是元素必须有默认行为才能被取消，如果元素本身就没有默认行为，调用当然就无效了。什么元素有默认行为呢？如链接<a>，提交按钮<input type=”submit”>等。

//假定有链接 <a href="http://www.cnf2e.com/" id="testA" >123</a>

var a = document.getElementById("testA"); a.onclick =function(event){ //阻止默认行为 event.preventDefault(); }

简化 return false：此方式只支持事件默认。

在jq中写 return:false即支持事件冒泡也支持事件默认行为。

扫描二维码关注公众号，回复： 2733524 查看本文章