jQuery事件處理(一)

2021-09-02 13:32:37 字數 881 閱讀 7981

事件處理函式

一.指定事件處理函式

通過下面方法:

jquery選擇器.事件名(function())向事件處理函式傳遞函式。引數名為:foo。引數值為:"hello"。

在事件處理函式中,可以使用event.data.foo獲得引數值。

示例:使用bind()方法禁止網頁彈出右鍵選單。

右擊網頁,將不會彈出右鍵選單。

在bind()方法中,指定contextmenu(右擊)事件的處理函式返回false,從而取消事件的預設行為。

2.delegate()方法

使用delegate()方法將制定元素的特定子元素繫結到指定的事件處理函式。

語法:.delegate(selector,eventtype,handler(eventobject))

selector:匹配子元素的選擇器

eventtype:事件型別

handler(eventobject):事件處理函式

示例:

click me

注意:delegate()與bind(   )兩個方法的區別。

3.移除事件繫結

unbind()

三.event物件

示例:event物件pagex和pagey屬性(滑鼠與文件邊緣的距離)

示例:type屬性和which屬性:

type:事件型別

which:用於鍵盤事件、滑鼠事件,表示按下的鍵或滑鼠按鈕

注意:當在input元素中輸入字元時才會在頁面中顯示觸發的事件型別和字元對應的asci碼數值。

jQuery事件處理(一)

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

JQuery事件處理

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

Jquery 事件處理

1.5.1事件模型 5.1.1原始事件模型 5.1.2dom事件模型 1.註冊事件 body head 引數一表示要繫結的事件型別,事件型別與書劍屬性不同,他沒有字首on,如 對於事件屬性onclick來說,對應事件型別為click 引數二 表示呼叫事件型別的處理函式,該函式自帶乙個預設引數,醫用e...