jquery中事件和事件對象

1.加載文檔事件

jquery工具函數(shù)

[1]$(document).ready()

[2]$.holdReady(bool)暫?;蛘呋謴蛂eady事件

2.鼠標事件

【1】click()

當鼠標左鍵按下,然后在抬起鼠標左鍵才算完成一次click事件

$('p').click(function(){});

【2】dblclick()雙擊左鍵彈跳出

【3】focusin()獲得焦點事件

[4]focusout失去焦點事件,可作用于父集

[5]mousedown鼠標按下

[6]mouseup鼠標事件彈起

[7]mousemove()鼠標移動事件獲取當前鼠標的坐標

[8]mouseover是鼠標進入事件,移動到個元素會發(fā)生的事件


[9]mouseout()鼠標離開事件

[10]mouseenter()鼠標進入事件

[11]mouseleave()鼠標離開事件

[12]hover()同時綁定mouseenter和mouseleave事件


[10]和[11]是阻止冒泡的鼠標的進入和離開事件


3.鍵盤事件

【1】keydown(),keypress()鍵盤按下的事件

【2】keyup()鍵盤彈起的事件 鍵盤按鍵起來的時候才會觸發(fā)

4.表單事件----一般表單元素才有這個事件


5.綁定和移除事件的方法

focus獲得焦點事件---也就是點擊觸發(fā)它

blur()失去焦點事件

change()當有focus事件里面的值有改變的時候并且出發(fā)了blur事件才算完成一次change事件

select事件選中之后鼠標按中再次抬起才會觸發(fā)內(nèi)部的事件

submit()多用于驗證表單操作事件


5.瀏覽器事件

resize()瀏覽器窗口改變大小事件


scroll()瀏覽器滾動條移動時發(fā)生的事件


erro 圖片顯示不出來,消除掉紅叉


7.事件對象

【1】event.pageX獲取鼠標相對于文檔的x軸坐標

【2】event.pageY獲取鼠標相對于文檔Y軸坐標

【3】event.preventDefault()阻止瀏覽器默認的行為


這樣不會有跳轉(zhuǎn)

【4】event.stopPropagation()阻止冒泡


【5】event.which監(jiān)聽鍵盤輸入和鼠標操作


【6】trigger()事件,模擬事件的發(fā)生

$('a').click(function(){

//alert('我被點擊了');

//});

//$('a').mouseover(function(){

//alert('鼠標已經(jīng)進入');

//});

//自動執(zhí)行dom元素的方法,只能執(zhí)行一個函數(shù)

//$('a').trigger('click');

【7】triggerHandler()事件,模擬事件的發(fā)生,能夠阻止冒泡

8.事件目標

[1]event.target

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容