首页 > 代码库 > 锋利的jQuery-4--阻止事件冒泡和阻止默认行为

锋利的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--阻止事件冒泡和阻止默认行为