zoukankan      html  css  js  c++  java
  • 锋利的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;

  • 相关阅读:
    C#面向对象--类
    Unity DOTS--面向数据编程前的准备
    C#面向对象--命名空间
    C#面向对象--多态
    C#面向对象--继承
    C#中堆和栈的区别
    sql执行顺序
    cookie session
    栈和队列
    c# 单例模式
  • 原文地址:https://www.cnblogs.com/leezhxing/p/4054757.html
Copyright © 2011-2022 走看看