JavaScript&jQuery.stopPropogation()
使用stopPropogation()方法可以阻止事件冒泡。
DOM使用stopPropogation()方法,IE5-IE8使用cancelBubble。
示例:
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<ul>
<li>油条</li>
<li>包子</li>
<li>米饺</li>
<li><a>鱼粉</a></li>
</ul>
<script>
var elul = document.getElementById('ul');
elul.addEventListener('click', getEvent, false);
function getEvent(e) {
stop(e);
var ev = e || window.event;
var target = ev.target || ev.srcElement;
if (target.nodeName.toLowerCase() === 'a') {
alert(target.innerHTML);
}
if (target.nodeName.toLowerCase() === 'li') {
alert(target.innerHTML);
}
}
function stop(e) {
if (e.stopPropogation) {
e.stopPropogation;
} else {
window.event.cancelBubble = true;
}
}
</script>
</body>
</html>