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;

  • 相关阅读:
    [bzoj1095] [ZJOI2007]Hide 捉迷藏
    [bzoj3730] 震波
    [bzoj3672] [Noi2014]购票
    [bzoj4129] Haruna’s Breakfast
    《CSS3知识点》
    《表单总结》
    <表格>
    《HTML总结》
    <java程序大集合>
    《字符串的概念》
  • 原文地址:https://www.cnblogs.com/leezhxing/p/4054757.html
Copyright © 2011-2022 走看看