关于js中的冒泡事件和html默认事件解决方案

eg:

<span onClick="spanClick()"> testSpan<a onClick="aClick(this,'test',event)">testa</a></span>

 

当我们单击a标签的时候span标签的onClick事件也会被执行。。这时候就要阻止冒泡事件的发生。必须在单击a标签的时候执行以下事件

//得到事件
   var e = arguments[2] || window.event;    //arguments[2]是为了取出传参过来的第三个参数
   
   if(e.stopPropagation) { //ff阻止冒泡方法
    e.stopPropagation();
   } else {
    e.cancelBubble = true; //IE阻止冒泡方法
   }

jquery 防止冒泡：

$('#content').bind("click",function(event){
        var txt = $('#msg').html() + "<p>外层div元素被点击.<p/>";
        $('#msg').html(txt);
        event.stopPropagation();    //  阻止事件冒泡
    });