锋利的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;

巴特西

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

最新文章

热门文章