事件(二) Jquery事件模型

2021-06-09 15:44:43 字數 1051 閱讀 6283

與w3c標準事件api十分相似,除了名稱上的不同以外,唯一差別就是去掉了usecapture引數,並且去掉了事件名稱中的on字首。示例**如下:

$(document).bind(

"ready",

function()

);

$("div").bind(

"mouseout",

function()

);

}

);

與傳統的時間模型不同,jquery的事件名稱沒有on字首,而且可以將多個相同型別的時間掛鉤到同乙個元素上。示例**如下:
$(document).ready(

function()

);

$("div").mouseout(

function()

);

}

);

還有一些常用的事件掛鉤模式,如hover()方法同時掛鉤乙個mouseover和mouseout事件,toggle()方法可以掛鉤多個事件處理函式,以便交替在不同函式間處理事件。

使用jquery的事件api可以將事件處理函式繫結要事件,實際上這些函式可以不依賴任何實際事件的發生而單獨觸發。從而允許你重用繫結的事件函式來實現其他功能。jquery甚至還允許將引數傳遞給事件處理函式。示例程式演示trigger()方法:
$(document).ready(

function()

);

$("input").blur(

function()

);

$("input").trigger("focus");

}

);

事件(二) Jquery事件模型

與w3c標準事件api十分相似,除了名稱上的不同以外,唯一差別就是去掉了usecapture引數,並且去掉了事件名稱中的on字首。示例 如下 document bind ready function div bind mouseout function 與傳統的時間模型不同,jquery的事件名稱沒...

jQuery事件繫結(二)

二 bind方法 向匹配元素新增乙個或多個事件處理程式 自從jquery1.7 之前比較推崇,在jquery1.7之後就用on 來代替。使用方法 selector bind event,data,function 引數 event 必需項 新增到元素的乙個或多個事件,例如 click,dblclic...

jQuery事件 表單事件

focus 與 blur 事件 之前學過了表單處理事件focusin事件與focusout事件,同樣用於處理表單焦點的事件還有blur與focus事件 它們之間的本質區別 是否支援冒泡處理 focus 不會冒泡,在元素本身產生 focusin 會冒泡,在元素包含的元素中產生。blur與focusou...