jQuery事件處理

jQuery事件處理

jQuery可以很方便地使用事件對象對觸發事件進行處理。jQuery支持的事件包括鍵盤事件、鼠標事件、表單事件、文檔加載事件和瀏覽器事件等。

1.指定事件處理函數

事件處理函數指事件觸發時調用的函數。可以通過下面的方法指定事件處理函數：

$("選擇器").事件名(function(形參){ //函數體 })

例如，前面多次使用

$(document).ready(function(e){ });

指定文檔對象的ready事件處理函數，ready事件表示當文檔對象就緒的時候被觸發。

2.綁定事件處理方法

（1）bind()方法

使用bind(方法可以為每一個匹配元素的特定事件(如單擊事件)綁定一個事件處理函數，事件處理函數會接收到一個事件對象。

bind()方法的語法格式如下所示：

bind(type, [data,] function)

其中，type表示事件類型；data是可選參數，作為event.data屬性值傳遞給事件對象的額外數據對象；function表示綁定到指定事件的事件處理函數。如果function函數返回false，則會取消事件的默認行為并阻止冒泡。

例1是通過bind()方法為一個按鈕綁定一個單擊事件，單擊按鈕后，網頁中的一段文字將自動消失，如果再次單擊這個按鈕，消失的文字又會顯示出來。本例重點理解事件的綁定過程。

【例1】

• 足球

3.jQuery事件的方法

jQuery提供了一組事件相關的方法，用于處理各種HTML事件。jQuery常用事件的方法及說明見表1。

例4是單擊按鈕后，在一個DIV塊上按住左鍵不放進行拖動，這個DIV塊會跟隨鼠標移動，松開左鍵之后，DIV塊會停止跟隨。

【例4】

jQuery

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。