这是事件冒泡导致的，请看demo。
HTML代码：
TEST
JS代码：
document.getElementById('box').onclick = function(){
alert('box被点击了');
}
document.getElementsByClassName('link')[0].onclick = function(){
alert('a被点击了');
}
//div里点击会先后触发以上两个事件
div设定onclick后，点其中的超链接a会触发div的onclick事件！
原因：子元素事件冒泡到父节点上了。
解决办法：在子节点上阻止事件冒泡：
//如果想让a点击的时候不触发box的点击事件：
document.getElementsByClassName('link')[0].onclick = function(e){
alert('a被点击了');
e.stopPropagation();//阻止向上冒泡
}
这样，点击a标签只会提示“a被点击了”，并不会出现“box”被点击的提示。
