jQuery(イベント)

jQuery     click dbclick  ：
      ，              。jQuery          click            ，  
      dbclick            。            ，   click()    
       ：
   ：$ele.click()
  $ele  ，                   ，     
    

$("ele").click(function(){
    alert('      ')
})
$("#test").click(function(){
     $("ele").click()  //         
});
   ：$ele.click( handler(eventObject) )
  $ele  ，  $ele              handler  ，                 ，  
    this           
    

$("#test").click(function() {
    //this   div  
});
   ：$ele.click( [eventData ], handler(eventObject) )
        ，            ，                       
    

$("#test").click(11111,function(e) {
    //this   div  
    //e.data  => 11111     
});
dblclick()    click()       ，      click()   。
dbclick click      ：
click          ：
click      mousedown mouseup 2     ，                
PS:mousedown mouseup      
dblclick          ：
dblclick   2 click     ，  dblclick                    
            。
            。
              ，      ，     。
              。
  ：           click   dblclick        。                ，  
      dblclick       click    ，            click   。 
                         

jQuery     mousedown mouseup  ：
       ，              ，  jQuery     mousedown               
     ，           mouseup                 。        ，  
   mousedown()  
       ：
   ：$ele.mousedown()
  $ele  ，                   ，         
    

$("ele").mousedown(function(){
    alert('      ')
})
$("#test").mousedown(function(){
     $("ele").mousedown()  //         
});
   ：$ele.mousedown( handler(eventObject) )
  $ele  ，  $ele              handler  
                 
    

$("#test").mousedown(function() {
    //this   div  
});
   ：$ele.mousedown( [eventData ], handler(eventObject) )
        ，            ，                       
    

$("#test").mousedown(11111,function(e) {
    //this   div  
    //e.data  => 11111     
});
mousedown          ：
mousedown       
              ，            ，      ，      mousedown  
              mousedown  
 event    which    ，      which   1，      which   2，      which   3
mouseup          ：
mouseup       ， mousedown    
mouseup mousedown      click  
                ，            ，       ，      mouseup  
             mouseup  
 event    which    ，      which   1，      which   2，      which   3
        ：
click mousedown   ：
click      mousedown mouseup 2     ，                

jQuery     mousemove  ：
      ，                。             、          。  
      ，jQuery     mousemove                 
       ：
   ：$ele.mousemove()
  $ele  ，                   ，     
    

$("ele").mousemove(function(){
    alert('      ')
})
$("#test").click(function(){
     $("ele").mousemove()  //       
});
   ：$ele.mousemove( handler(eventObject) )
  $ele  ，  $ele              handler  
                 
    

$("#test").mousemove(function() {
    //this   div   
});
   ：$ele.mousemove( [eventData ], handler(eventObject) )
        ，            ，                       
    

$("#test").mousemove(11111,function(e) {
    //this   div  
    //e.data  => 11111     
});
mousemove          ：
1. mousemove              ，       
2.              ，               ，                

jQuery     mouseover mouseout  ：
  JS   ，                  ？onmouseover() onmouseout()  ~
jQuery                        ，mouseover() mouseout()  ，  
      ，   mouseover  ：
   ：$ele.mouseover()
  $ele  ，                   ，     
    

$("ele").mouseover(function(){
    alert('      ')
})
$("#test").click(function(){
     $("ele").mouseover()  //       
});
   ：$ele.mouseover( handler(eventObject) )
  $ele  ，  $ele              handler  
                 
    

$("#test").mouseover(function() {
    //this   div   
});
   ：$ele.mouseover( [eventData ], handler(eventObject) )
        ，            ，                       
    

$("#test").mouseover(11111,function(e) {
    //this   div  
    //e.data  => 11111     
});

jQuery     mouseenter mouseleave  ：
      ，                           ，  
  jQuery     mouseenter mouseleave                   
       ，         mouseover mouseout      ，        ，      ，  
   mouseenter  ：
mouseenter JavaScript   Internet Explorer   。           ，jQuery       ，  
           。                。  HTML          。
mouseenter   mouseover   
     ：         
     ：
mouseover  ：

    
         mouseleave  

   p   div     mouseover  ，     p  ，      div     ，     :
p      
div      
      div       ？            ，p     mouseover，              
mouseover  ，      mouseover       
         ，jQuery       mouseenter  
mouseenter               ，            

jQuery     hover  ：
  mouseover、mouseout、mouseenter、mouseleave  ，                ，  
                   
             ，    2          ，   mouseenter mouseleave，  
          
$(ele).mouseenter(function(){
     $(this).css("background", '#bbffaa');
 })
$(ele).mouseleave(function(){
    $(this).css("background", 'red');
})
        ，       ，         jQuery       hover  ，      
    hover     2         ，        2   
$(selector).hover(handlerIn, handlerOut)
handlerIn(eventObject)：                   
handlerOut(eventObject)：                   

jQuery     focusin  ：
     ，                  ，  ：input  ，          ，  
                ，jQuery     focusin  
       ：
   ：$ele.focusin()
  $ele  ，                   ，       
    

$("ele").focusin(function(){
    alert('      ')
})
$("#test").mouseup(function(){
     $("ele").focusin()  //       
});
   ：$ele.focusin( handler )
  $ele  ，  $ele              handler  
                 
    

$("#test").focusin(function() {
    //this   div  
});
   ：$ele.focusin( [eventData ], handler )
        ，            ，                       
    

$("#test").focusin(11111,function(e) {
    //this   div  
    //e.data  => 11111     
});

jQuery     focusout  ：
     ，                  ，  input  ，           ，  
             ，jQuery     focusout  
       ：
   ：$ele.focusout()
  $ele  ，                   ，         
    

$("ele").focusout(function(){
    alert('      ')
})
$("#test").mouseup(function(){
     $("ele").focusout()  //       
});
   ：$ele.focusout( handler )
  $ele  ，  $ele              handler  
                 
    

$("#test").focusout(function() {
    //this   div  
});
   ：$ele.focusout( [eventData ], handler )
        ，            ，                       
    

$("#test").focusout(11111,function(e) {
    //this   div  
    //e.data  => 11111     
});
 
 
 
  
    
 
 
 
 
jQuery     blur focus  ：
   2.8 2.9            focusin   focusout  ，  
               blur focus  
         :
        
       

  

  input      focus()  
div input    ，       input   focus   ，     focusin()  。
focus()       ，focusin()           
blur focusout     。 ：focus blur  ：     ，focusin focusout    

jQuery     change  ：
  ， <select>             ，  
       change            
input  
  value    ，     ，       change  。          ，           ，  
       。
select  
       ，           ，       
textarea  
       ，     ，       change  

jQuery     select  ：
  textarea        input           ，    select   。
            select       ，          。  
               false             。
select      <input/>   <textarea>  
       ：
   ：.select()
     select  :
$("input").select();
   ：$ele.select( handler(eventObject) )
  $ele  ，  $ele              handler  
                 
<input id="test" value="    "/>
$("#test").select(function() { //        
    //this   input   
});
   ：$ele.select( [eventData ], handler(eventObject) )
        ，            ，                       
<input id="test" value="    "/>
$("#test").select(11111,function(e) {//        
    //this   div   
   //e.data  => 11111     
});

jQuery     submit  ：
               ，      ，                。  
                          、          
（  ：          ，         ，    ）      submit  ，            
       ，             
   ：$ele.submit()
  $ele  ，                   ，     
<div id="test">    <div>
$("ele").submit(function(){
    alert('      ')
})
$("#text").click(function(){
     $("ele").submit()  //       
});
   ：$ele.submit( handler(eventObject) )
  $ele  ，  $ele              handler  
                 
<form id="target" action="destination.html">
  <input type="submit" value="Go"/>
</form>
$("#target").submit(function() { //        
    //this   from   
});
   ：$ele.submit( [eventData ], handler(eventObject) )
        ，            ，                       
<form id="target" action="destination.html">
  <input type="submit" value="Go"/>
</form>
$("#target").submit(11111,function(data) { //        
    //data => 1111 //   data  
});
   <form>     submit  ，                   
     submit     ：
1. <input type="submit"/>
2. <input type="image"/>
3. <button type="submit">
            ，  Enter（   ）
       ，     submit  。
        ：
form             ，    submit    ，              
              e.preventDefault()    ， jQuery             return false  
jQuery    ：
$("#target").submit(function(data) { 
   return false; //      ，    
});
 
 <ul> 
  <li>    </li> 
 </ul> 
 <pre><code>jQuery     keydown() keyup()  ：
   mousedown,mouseup     ，             2     。            ，  
        2   ，       ，     2   ，jQuery       keydown keyup     
keydown  ：
                       ，     。       ，             ，  
         ，       
//      
$elem.keydown( handler(eventObject) )
//    
$elem.keydown( [eventData ], handler(eventObject) )
//          
$elem.keydown()
keyup  ：
                      ，     。     keydown               
  ：
1. keydown          
2. keyup          
3.              ， keydown/keyup               ，       ，  
            ，             ，                  。

jQuery     keypress()  ：
 input     keydown         ：
              ，         
keydown              ，     keydown            ，  
              ， keyup                  ，              
           ，      keypress   ，   keydown     ，       keydown   ，  
       
keypress   keydown keyup     
        ，       
         （ delete，backspace）
               
    ，
KeyPress        、   ANSI  ，  KeyDown   KeyUP              KeyPress   
     。  ：   （F1-F12）、   、                    
</code></pre> 
 <ul> 
  <li>        </li> 
 </ul> 
 <pre><code>on()      ：
        ，              ，               ，              。  
          ，                   "on"      。  
jQuery on()                 。
    ：.on( events ,[ selector ] ,[ data ] )
               ，         on     
$("#elem").click(function(){})  //    
$("#elem").on('click',function(){}) //on  
        on         ，         ，     
           
 $("#elem").on("mouseover mouseout",function(){ });
      ，        ，          
          
$("#elem").on({
    mouseover:function(){},  
    mouseout:function(){}
});
      ，        ，          ，              
          
function greet( event ) {
  alert( "Hello " + event.data.name ); //Hello    
}
$( "button" ).on( "click", {
  name: "   "
}, greet );
        （  ），         ，           

on()     ：
         ，   on  ，    on     live  (1.7    )，delegate    。  
              on  ，     on                  
    
.on( events ,[ selector ] ,[ data ], handler(eventObject) )
 on           selector   ，       
    3   
<div class="left">
    <p class="aaron">
        <a>    </a> //        
    </p>
</div>
      ：
$("div").on("click","p",fn)
        div   ，      a   ，       ，      div   。  
         ，                        ，          

    off()  ：
  .on()         
  off()        
  on         ，off                  ，    ，  
                          。  
         ，                       
  2   
$("elem").on("mousedown mouseup",fn)
      
$("elem").off("mousedown")
      
$("elem").off("mousedown mouseup")
          ，           ，               
$("elem").off()
</code></pre> 
 <ul> 
  <li>       </li> 
 </ul> 
 <pre><code>jQuery       ：
    Event           ，                 ，             
     "click"    
$(elem).on("click",function(event){
   event //    
})
               ,              。jQuery   W3C          ，  
   jQuery                                    
               ，          ，            
<ul>
    <li class="even1"/>
    <li class="even2"/>
    <li class="even2"/>
    .........
</ul>
ul N    li(     3 )，         li   ，               li   
          ，         ，         
  li          ，            ，                ，     "    "
      li      ，        。               ，       li     
          ul ，  ul                   。             li     
           
                        。               ，  
               ，              ，        
       ，                   ，              ，  
         event.target
event.target
target              ，       。       event.target   this   
                。               
    ：event.target           ，                             

jQuery          ：
             ，              ，            
event.type：       
         
$("a").click(function(event) {
  alert(event.type); // "click"  
});
event.pageX   event.pageY：              
   2   ，               ，              （  ）  （  ）   ，  
             ,         ,          
event.preventDefault()   ：      
       ，        ，        （a  ），           URL   。  
      event.isDefaultPrevented()          (        )     
event.stopPropagation()   ：      
        ，        DOM  ，                     
event.which：        ，          
event.which   event.keyCode   event.charCode     。  
event.which          (mousedown   mouseupevents)，    1，     2，    3
event.currentTarget :            DOM  
           DOM  ,    this.
this event.target   ：
js        ，  this      ， event.target    ，             DOM  ；
.this event.target  dom  
     jquey            jquery  。  
  this $(this)   、event.target $(event.target)   ；
</code></pre> 
 <ul> 
  <li>     </li> 
 </ul> 
 <pre><code>jQuery      trigger  ：
       mousedown、click、keydown                ，       ，  
                   。
 jQuery  on          
$('#elem').on('click', function() {
    alert("      ")
 });
alert       ：          。                        ？    
         ，  jQuery       ，     trigger          
        ：
$('#elem').trigger('click');
   on      ，  trigger        alert ，   ！
    .trigger   ？
      ：                             
trigger           ，          ，              
$('#elem').on('Aaron', function(event,arg1,arg2) {
    alert("       ")
 });
$('#elem').trigger('Aaron',['  1','  2'])
trigger               ？
       ， jQuery       
           

jQuery      triggerHandler  ：
trigger        ：  DOM    ，                      false  
         .stopPropagation()            
trigger                ，             ：     event       ，  
          ，        。   .trigger()       ，                  ，  
       jQuery          ，         ，  .triggerHandler()    
triggerHandler trigger       ，       ：
1. triggerHandler            ，.triggerHandler( "submit" )         .submit()
2. .trigger()        jQuery         ，  .triggerHandler()             
3.    .triggerHandler()      ，     DOM       。                 ，  
            
4.          jQuery   (           )  ，  
.triggerHandler()                。          ，    undefined
</code></pre> 

                            </button></form></div>
                        </div>
                    



















  があるかもしれません


  JAvaスレッドThreadとRunnableの  と   
zx_code
java  jvm  thread  マルチスレッド  Runnable 
 
  【 】JSONとXMLの い   
 _  
json  xml 
 
  c++は5  の  の べ えアルゴリズムを  する 
CrazyMizzz
C++  c  アルゴリズム#アルゴリズム# 
 
  マイソフトウェア 
  の   
マイソフトウェア       エンターテイメント  リラックス 
 
  linux awkコマンドの   
がトリガーされます
linux awk 
 
  いろいろな  の   
_wy_
プログラミング   
 
  oracleでのデータ clobの   
  ing
oracle clob 
 
     サービスフレームワークZookeeper：     でのデータの   
  
zookeeper 










アルファベットで  :

A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z  その