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

阻止事件冒泡:

如果嵌套元素分别有自己的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;

posted @ 2014-10-27 17:38  leezhxing  阅读(199)  评论(0编辑  收藏  举报