jQuery中的事件繫結

2021-08-28 02:00:56 字數 1050 閱讀 5217

在頁面載入完畢時,程式可以通過為元素繫結事件完成相應的操作。

在jquery中,事件繫結通常可以分為為元素繫結事件、移除繫結和繫結一次性事件處理3種情況,下面分別進行介紹。

一 為元素繫結事件

在jquery中,為元素繫結事件可以使用bind()方法,該方法的語法結構如下:

bind(type,[data],fn)

type:事件型別。

data:可選引數,作為event.data屬性值傳遞給事件物件的額外資料物件。大多數的情況下不使用該引數。

fn:繫結的事件處理程式。

例如,為普通按鈕繫結乙個單擊事件,用於在單擊該按鈕時,彈出提示對話方塊,可以使用下面的**:

$("input:button").bind("click",function());

二 移除繫結

在jquery中,為元素移除繫結事件可以使用unbind()方法,該方法的語法結構如下:

unbind([type],[fn])

type:可選引數,用於指定事件型別。

fn:可選引數,用於指定要從每個匹配元素的事件中反繫結的事件處理函式。

在unbind()方法中,兩個引數都是可選的,如果不填引數,將會刪除匹配元素上所有繫結的事件。

例如,要移除為普通按鈕繫結的單擊事件,可以使用下面的**:

$("input:button").unbind("click");

三 繫結一次性事件處理

在jquery中,為元素繫結一次性事件處理可以使用one()方法,該方法的語法結構如下:

one(type,[data],fn)

type:用於指定事件型別。

data:可選引數,作為event.data屬性值傳遞給事件物件的額外資料物件。

fn:繫結到每個匹配元素的事件上面的處理函式。

例如,要實現只有當使用者第一次單擊匹配的div元素時,彈出提示對話方塊顯示div元素的內容,可以使用下面的**:

$("div").one("click", function() );

JQuery中的事件繫結

事件冒泡 在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式,那麼此事件就會呼叫這個處理程式,如果沒有定義此事件處理程式或者事件返回true,那麼這個事件會向這個物件的父級物件傳播,從裡到外,直至它被處理 父級物件所有同類事件都將被啟用 或者它到達了物件層次的最頂...

jQuery中的事件繫結

在頁面載入完畢時,程式可以通過為元素繫結事件完成相應的操作。在jquery中,事件繫結通常可以分為為元素繫結事件 移除繫結和繫結一次性事件處理3種情況,下面分別進行介紹。一 為元素繫結事件 在jquery中,為元素繫結事件可以使用bind 方法,該方法的語法結構如下 bind type,data f...

jquery 事件繫結

1.bind bind 方法為被選元素新增乙個或多個事件處理程式,並規定事件發生時執行的函式。多個事件用空格分開 可以繫結的事件有click dblclick mouseover mouseout mousedown mouseup等滑鼠事件,至於鍵盤事件,嘗試沒發現效果。selector bind...