在li标签里面加了一个checkBox。li的点击事件和checkBox的点击事件都是想实现checkBox选中。这时就造成了事件冒泡。

事件冒泡：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。

一般情况下我们执行该节点的方法的时候并不希望父级节点的方法触发。那么就要阻止事件冒泡。

阻止事件冒泡的方法：

var e = event || window.event; if (e.stopPropagation) {
       e.stopPropagation(); } else {
       e.cancelBubble = true; }