jQuery 綁定事件及移除綁定事件方法和元素事件列表

      

1.jQuery Event 事件:      ready(fn); $(document).ready()注意在body中沒有onload事件,不然該函數不能執行。在每一個頁面中能夠有不少個函數被加載執行,按照fn的順序來執行。      bind( type, [data], fn ) 爲每個匹配元素的特定事件(像click)綁定一個或多個事件處理器函數。可能的事件屬性有:blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup,mousemove,mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress,keyup, error等。     one( type, [data], fn ) 爲每個匹配元素的特定事件(像click)綁定一個或多個事件處理器函數。在每一個對象上,這個事件處理函數只會被執行一次。其餘規則與bind()函數相同。     trigger( type, [data] ) 在每個匹配的元素上觸發某類事件。     triggerHandler( type, [data] ) 這一特定方法會觸發一個元素上特定的事件(指定一個事件類型),同時取消瀏覽器對此事件的默認行動。     unbind( [type], [data] ) 反綁定,從每個匹配的元素中刪除綁定的事件。     $("p").unbind() 移除全部段落上的全部綁定的事件。     $("p").unbind( "click" ) 移除全部段落上的click事件。     hover( over, out ) over,out都是方法, 當鼠標移動到一個匹配的元素上面時,會觸發指定的第一個函數。當鼠標移出這個元素時,會觸發指定的第二個函數。     $("p").hover(function(){         $(this).addClass("over");       },       function(){         $(this).addClass("out");       }     );     toggle( fn, fn ) 若是點擊了一個匹配的元素,則觸發指定的第一個函數,當再次點擊同一元素時,則觸發指定的第二個函數。     $("p").toggle(function(){        $(this).addClass("selected");       },       function(){         $(this).removeClass("selected");       }     );
2.元素事件列表說明: 注:不帶參數的函數,其參數爲可選的 fn。jQuery不支持form元素的reset事件。瀏覽器

事件                   描述                                            支持元素或對象框架

blur( )                元素失去焦點                                a, input, textarea, button, select, label, map, area change( )           用戶改變域的內容                           input, textarea, select click( )                 鼠標點擊某個對象                          幾乎全部元素 dblclick( )            鼠標雙擊某個對象                           幾乎全部元素 error( )               當加載文檔或圖像時發生某個錯誤      window, img focus( )               元素得到焦點                                 a, input, textarea, button, select, label, map, area keydown( )         某個鍵盤的鍵被按下                       幾乎全部元素 keypress( )         某個鍵盤的鍵被按下或按住              幾乎全部元素 keyup( )              某個鍵盤的鍵被鬆開                       幾乎全部元素 load( fn )             某個頁面或圖像被完成加載              window, img mousedown( fn ) 某個鼠標按鍵被按下                       幾乎全部元素 mousemove( fn ) 鼠標被移動                                   幾乎全部元素 mouseout( fn )    鼠標從某元素移開                          幾乎全部元素 mouseover( fn )  鼠標被移到某元素之上                     幾乎全部元素 mouseup( fn )     某個鼠標按鍵被鬆開                       幾乎全部元素 resize( fn )          窗口或框架被調整尺寸                    window, iframe, frame scroll( fn )           滾動文檔的可視部分時                      window select( )               文本被選定                                   document, input, textarea submit( )             提交按鈕被點擊                              form unload( fn )         用戶退出頁面                                window函數

相關文章
相關標籤/搜索