event.preventDefault和恢复元素默认事件-CSDN博客

写页面事件的时候，有的时候需要用event.preventDefault取消原有的事件后进行重写，这个大家应该都知道。

那么怎么在取消默认事件后再恢复呢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style>


    </style>
    <script src="./pub/1.11.js"></script>
</head>
<body>
    <p>
        this is a demo
    </p>

    <input type="button" id="a1" value="点击事件" />
    <br/><br/>
    <input type="button" id="a2" value="取消事件" />
    <br/><br/>
    <input type="button" id="a3" value="恢复事件" />
    <br/><br/>

    <script>
      $(function(){
      // alert(":aa");
            // $("#a1").click(function(event){
             
            //   event.preventDefault;
            //    alert("this is a demo");
            // });

          $("#a1").bind("click",function(event){
              alert("1111");
               event.preventDefault;
              alert("this is a demo");
          });
            
            // $("#a1").unbind("click");

            $("#a2").click(function(){
              $("#a1").unbind("click");
            });

            $("#a3").click(function(){
              // $("#a1").bind("click");
              $("#a1").bind("click",function(){
                  alert("55555555");
                  event.preventDefault;
                  alert("222222222");
              })
            });

      });
    </script>
</body>
</html>