日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

jQuery 事件 方法

 hncdman 2022-11-23 發(fā)布于湖南

事件方法觸發(fā)器或添加一個(gè)函數(shù)到被選元素的事件處理程序。

下面的表格列出了所有用于處理事件的 jQuery 方法。

方法描述
bind()向元素添加事件處理程序
blur()添加/觸發(fā)失去焦點(diǎn)事件
change()添加/觸發(fā) change 事件
click()添加/觸發(fā) click 事件
dblclick()添加/觸發(fā) double click 事件
delegate()向匹配元素的當(dāng)前或未來的子元素添加處理程序
die()在版本 1.9 中被移除。移除所有通過 live() 方法添加的事件處理程序
error()在版本 1.8 中被廢棄。添加/觸發(fā) error 事件
event.currentTarget在事件冒泡階段內(nèi)的當(dāng)前 DOM 元素
event.data包含當(dāng)前執(zhí)行的處理程序被綁定時(shí)傳遞到事件方法的可選數(shù)據(jù)
event.delegateTarget返回當(dāng)前調(diào)用的 jQuery 事件處理程序所添加的元素
event.isDefaultPrevented()返回指定的 event 對(duì)象上是否調(diào)用了 event.preventDefault()
event.isImmediatePropagationStopped()返回指定的 event 對(duì)象上是否調(diào)用了 event.stopImmediatePropagation()
event.isPropagationStopped()返回指定的 event 對(duì)象上是否調(diào)用了 event.stopPropagation()
event.namespace返回當(dāng)事件被觸發(fā)時(shí)指定的命名空間
event.pageX返回相對(duì)于文檔左邊緣的鼠標(biāo)位置
event.pageY返回相對(duì)于文檔上邊緣的鼠標(biāo)位置
event.preventDefault()阻止事件的默認(rèn)行為
event.relatedTarget返回當(dāng)鼠標(biāo)移動(dòng)時(shí)哪個(gè)元素進(jìn)入或退出
event.result包含由被指定事件觸發(fā)的事件處理程序返回的最后一個(gè)值
event.stopImmediatePropagation()阻止其他事件處理程序被調(diào)用
event.stopPropagation()阻止事件向上冒泡到 DOM 樹,阻止任何父處理程序被事件通知
event.target返回哪個(gè) DOM 元素觸發(fā)事件
event.timeStamp返回從 1970 年 1 月 1 日到事件被觸發(fā)時(shí)的毫秒數(shù)
event.type返回哪種事件類型被觸發(fā)
event.which返回指定事件上哪個(gè)鍵盤鍵或鼠標(biāo)按鈕被按下
event.metaKey事件觸發(fā)時(shí) META 鍵是否被按下
focus()添加/觸發(fā) focus 事件
focusin()添加事件處理程序到 focusin 事件
focusout()添加事件處理程序到 focusout 事件
hover()添加兩個(gè)事件處理程序到 hover 事件
keydown()添加/觸發(fā) keydown 事件
keypress()添加/觸發(fā) keypress 事件
keyup()添加/觸發(fā) keyup 事件
live()在版本 1.9 中被移除。添加一個(gè)或多個(gè)事件處理程序到當(dāng)前或未來的被選元素
load()在版本 1.8 中被廢棄。添加一個(gè)事件處理程序到 load 事件
mousedown()添加/觸發(fā) mousedown 事件
mouseenter()添加/觸發(fā) mouseenter 事件
mouseleave()添加/觸發(fā) mouseleave 事件
mousemove()添加/觸發(fā) mousemove 事件
mouseout()添加/觸發(fā) mouseout 事件
mouseover()添加/觸發(fā) mouseover 事件
mouseup()添加/觸發(fā) mouseup 事件
off()移除通過 on() 方法添加的事件處理程序
on()向元素添加事件處理程序
one()向被選元素添加一個(gè)或多個(gè)事件處理程序。該處理程序只能被每個(gè)元素觸發(fā)一次
$.proxy()接受一個(gè)已有的函數(shù),并返回一個(gè)帶特定上下文的新的函數(shù)
ready()規(guī)定當(dāng) DOM 完全加載時(shí)要執(zhí)行的函數(shù)
resize()添加/觸發(fā) resize 事件
scroll()添加/觸發(fā) scroll 事件
select()添加/觸發(fā) select 事件
submit()添加/觸發(fā) submit 事件
toggle()在版本 1.9 中被移除。添加 click 事件之間要切換的兩個(gè)或多個(gè)函數(shù)
trigger()觸發(fā)綁定到被選元素的所有事件
triggerHandler()觸發(fā)綁定到被選元素的指定事件上的所有函數(shù)
unbind()從被選元素上移除添加的事件處理程序
undelegate()從現(xiàn)在或未來的被選元素上移除事件處理程序
unload()在版本 1.8 中被廢棄。添加事件處理程序到 unload 事件
contextmenu()添加事件處理程序到 contextmenu 事件
$.holdReady()用于暫?;蚧謴?fù).ready() 事件的執(zhí)行

對(duì)于由 jQuery 動(dòng)態(tài)生成的元素,如用 jQuery 給元素添加 class,或者直接添加一對(duì) p 標(biāo)簽,不能直接綁定常用的事件,如 click。因?yàn)檫@些元素屬于動(dòng)態(tài)生成,除非采用 noclick 內(nèi)聯(lián)的形式。那么解決辦法是使用 live 和 on 事件方法。

注意,jquery 1.7.2 之后的版本不建議使用 live。

例如:

$(".box ").click(function(){});

類名為 box 的元素是由 jquery 動(dòng)態(tài)生成,以上寫法將會(huì)無效,那么可以改為如下:

$(".box ").live('click', function(){});

或者:

$(".box ").on('click', function(){});

另外 click, blur, keyup, change等方法,都可以這樣解決。

不暇

   不暇

  bux***7@126.com

   參考地址

4年前 (2018-08-06)

jQuery bind() 方法

jQuery 事件方法 jQuery 事件方法

實(shí)例

向 <p> 元素添加一個(gè)單擊事件:

$("p").bind("click",function(){
    alert("這個(gè)段落被點(diǎn)擊了。");
});

嘗試一下 ?

定義和用法

bind() 方法向被選元素添加一個(gè)或多個(gè)事件處理程序,以及當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。

自 jQuery 版本 1.7 起,on() 方法是向被選元素添加事件處理程序的首選方法。


語法

$(selector).bind(event,data,function,map)


參數(shù)描述
event必需。規(guī)定添加到元素的一個(gè)或多個(gè)事件。

由空格分隔多個(gè)事件值。必須是有效的事件。
data可選。規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)。
function必需。規(guī)定當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。
map規(guī)定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一個(gè)或多個(gè)事件,以及當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。



實(shí)例

更多實(shí)例

添加多個(gè)事件
如何向元素添加多個(gè)事件。

使用事件映射
如何使用事件映射來向被選元素添加一些事件/函數(shù)。

向函數(shù)傳遞數(shù)據(jù)
如何向一個(gè)自定義命名的事件處理程序傳遞數(shù)據(jù)。

jQuery change() 方法

jQuery 事件方法 jQuery 事件方法

實(shí)例

當(dāng) <input> 字段改變時(shí)警報(bào)文本:

$("input").change(function(){
    alert("文本已被修改");
});

嘗試一下 ?

定義和用法

當(dāng)元素的值改變時(shí)發(fā)生 change 事件(僅適用于表單字段)。

change() 方法觸發(fā) change 事件,或規(guī)定當(dāng)發(fā)生 change 事件時(shí)運(yùn)行的函數(shù)。

注意:當(dāng)用于 select 元素時(shí),change 事件會(huì)在選擇某個(gè)選項(xiàng)時(shí)發(fā)生。當(dāng)用于 text field 或 text area 時(shí),change 事件會(huì)在元素失去焦點(diǎn)時(shí)發(fā)生。


語法

觸發(fā)被選元素的 change 事件:

$(selector).change()嘗試一下

添加函數(shù)到 change 事件:

$(selector).change(function)嘗試一下


參數(shù)描述
function可選。規(guī)定針對(duì)被選元素當(dāng) change 事件發(fā)生時(shí)運(yùn)行的函數(shù)。

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多