js中的event.preventDefault()和event.stopPropagation()用法及兼容

event.preventDefault()的作用是阻止一些默认的行为，比如点击链接不会跳到对应的地址；

var link = document.getElementById('myLink');
link.onclick = function(event){
event.preventDefault();
}

event.stopPropagation()的作用是阻止事件冒泡；

var btn = document.getElementById('myBtn');
document.onclick = function(){
alert(1);
}
btn.onclick = function(event){
event.stopPropagation();
}

这样当点击btn时，绑定在document的事件不会被触发，因为btn的事件冒泡机制被组织了。

兼容IE

if (event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble=true;
}

if (event.preventDefault){
event.preventDefault();
}else{
event.returnValue=false;
}