Jquery 事件處理

2021-08-13 08:05:05 字數 1363 閱讀 7547

1.5.1事件模型

5.1.1原始事件模型

5.1.2dom事件模型

1.註冊事件

body

head

引數一表示要繫結的事件型別,事件型別與書劍屬性不同,他沒有字首on,,如 對於事件屬性onclick來說,對應事件型別為click

引數二 表示呼叫事件型別的處理函式,該函式自帶乙個預設引數,醫用event物件,以方便傳遞事件發生時的相關操作資訊

引數三為乙個布林值,如果為true,則在事件傳播的捕捉階段觸發響應,如果引數為false,則在事件傳播的冒泡階段觸發相應

2.事件傳播

body

捕獲型事件流傳播過程

head

3.銷毀事件

body

head

注意

addeventlistener函式與removeeventlistener函式的引數是一模一樣的  才能有效地銷毀事件,第二個引數   不能使匿名函式,如果是匿名函式,就無法銷毀

5.2事件處理機制

5.2.1event物件

5.2.2事件流

5.3jquery事件封裝機制

5.3.1註冊事件

1.bind方法

bind方法作為統一的介面,用來為每乙個匹配元素繫結事件處理程式。

body

我是你們的好朋友,一號機械人

head

$(function () );

});

2.事件方法

3.one方法

one()方法是bind方法的乙個特例,有他繫結的事件在執行一次響應之後,就會失效,

$(function () );

});

5.3.2登出事件

body

我是你們的好朋友,一號機械人

head

注意

unbind()方法是bind()方法的反向操作,能夠從每乙個匹配的元素中刪除繫結的事件,如果沒有指定引數,就刪除所有事件

JQuery事件處理

一 繫結事件 bind unbind live die delegate undelegate objid bind mouseover function event 解綁對應的是unbind mouseover 注意 元素還不存在頁面dom中時,用.live 繫結方法 示例 objid live ...

jQuery事件處理(一)

事件處理函式 一.指定事件處理函式 通過下面方法 jquery選擇器.事件名 function 向事件處理函式傳遞函式。引數名為 foo。引數值為 hello 在事件處理函式中,可以使用event.data.foo獲得引數值。示例 使用bind 方法禁止網頁彈出右鍵選單。右擊網頁,將不會彈出右鍵選單...

jQuery事件處理(一)

1 jquery事件繫結的用法 elem on events,selector data handler events 事件名稱,可以是自定義事件名稱 selector 選擇器 data 事件觸發時傳遞給事件處理函式 handler 事件處理函式 2 on方法原始碼分析 on function ty...