锋利的jQuery-4--阻止事件冒泡和阻止默认行为

标签：style   blog   io   color   ar   for   sp   strong   div   

阻止事件冒泡：

如果嵌套元素分别有自己的click事件，当点击内层元素时外层元素的事件也会被触发。

$("span").bind("click", function(event){
　　//代码
　　event.stopPropagation();    //通过bind创建的事件对象event来执行
} );

阻止默认行为：

网页中的默认行为，例如链接跳转和form提交，可以通过preventDefault()方法来阻止。

$("#submit").bind("click", function(event){
    var username = $("#username").val();
    if(username == ""){
        event.preventDefault();    //阻止表单的默认提交行为        
    }
});

注意：如果想同时对事件对象停止冒泡和默认行为，可以在事件处理中返回false;这是在事件对象上同时调用stopPrapagation()和preventDefault()事件的简写。在上边的两个例子中，也可以把对应的方法改为return false;

锋利的jQuery-4--阻止事件冒泡和阻止默认行为

标签：style   blog   io   color   ar   for   sp   strong   div   

原文地址：http://www.cnblogs.com/leezhxing/p/4054757.html