阻止事件冒泡:

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

相关文章:

  • 2022-12-23
  • 2021-06-20
  • 2021-04-29
  • 2021-12-17
  • 2021-12-17
猜你喜欢
  • 2021-12-17
  • 2022-12-23
  • 2021-12-17
  • 2021-07-20
  • 2022-12-23
  • 2021-12-17
  • 2021-06-01
相关资源
相似解决方案