jquery属性 

<!DOCTYPE html>
<html>
  <head>
    <title>Ynit8.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
    <script>
    $(function(){
        //(1)event.type属性
        /* $("#span").click(function(event){
            alert(event.type);
        }); */
        
        //(1)event.type属性
        $("#P").click(function(event){
            alert(event.type);
        });
        
        //(1)event.type属性
        $("#id1").click(function(event){
            alert(event.type);
        });
        
        
        //(2)event.preventDefault()方法
        $("#sub").click(function(event){
            
            var name=$("#name").val();
            if(name==null || name=="")
            {
                //event.preventDefault();
            }
            
        });
        
        //(3)event.stopPropagation()方法
        /* $("#span").click(function(event){
            alert(event.type);
            event.stopPropagation();
        }); */
        
        //(4)event.target属性
        /* $("#sub").click(function(event){
            alert(event.target.nodeName);
            
        }); */
        
        //(5)event.relatedTarget属性
        /* $("#sub").mousedown(function(event){
            alert(event.relatedTarget.nodeName);
        }); */
    /*     $("#sub").mouseout(function(event){
            alert(event.relatedTarget.nodeName);
        }); */
        /* $("#sub").mouseover(function(event){
            alert(event.relatedTarget.nodeName);
        });
         */
         
         
        //(6)event.pageX属性/event.pageY属性
        /* $("html").click(function(event){
            alert(event.pageX+"    "+event.pageY);
        }); */
        
        //(7)event.which属性
        /*  $("#span").mousedown(function(event){
            alert(event.which);
        }); 
         $("#name").keydown(function(event){
            alert(event.which);
        }); */ 
        
        
        //(8)event.metaKey属性
         $("#name").keydown(function(event){
            if(event.ctrlKey){
            alert(event.ctrlKey)
            }
        });
        
        
        //(9)event.originalEvent属性
        
        /*  $("#name").keydown(function(event){
            alert(event.originalEvent);
        });*/
        
    }); 
    </script>
  </head>
  <body>
  <div id="id1">
      <p id="P">
          <span id="span">span</span>
      </p>
  </div>
  
  <form action="test1.html">
  name:<input type="text" name="name" id="name"/>
  <input type="submit" value="submit" id="sub" />
  </form>
  </body>
</html>

 

posted on 2018-04-18 12:56  song.yan  阅读(76)  评论(0)    收藏  举报