阻止事件冒泡

<tr id='tr' onclick="clicktr()">
      <td class="hover-pointer"  id='td1' onclick="clicktd1()">强仔；飞翔的板砖；香吉；乌索普...</td>
      <td class="hover-pointer" id='td2' onclick="clicktd2()">天气不错，赶快来签到吧~~惊喜等着你哦，是什么呢？你猜猜看哈...</td>
</tr> 

js阻止事件冒泡

<script type="text/javascript">           
    function clicktr(){  
        alert("这是tr事件");  
    }  
    function clicktd1(e){  
        e.stopPropagation();  
        //td1阻止事件冒泡；
    }  
    function clickP2(){  
       //td2没有阻止事件冒泡；
    }        
</script>  

注：阻止冒泡后点击td1不会弹出提示框“这是tr事件”，没有阻止事件冒泡点击td1会弹出提示框

jquery方法如下：

$(function(){  
    $("#tr").click(function(){  
        alert("这是tr事件");  
    })  
    $("#td1").click(function(event){   
        event.stopPropagation();  
        //td1阻止事件冒泡；
    })  
    $("#p2").click(function(){  
        //td2没有阻止事件冒泡；
    })  
})  

比如提交表单(submit)有默认事件，可以用阻止默认行为的方法来阻止

$("input[type='submit']").click(function(event){   
    event.preventDefault();  
    //阻止默认行为；
})