jquery中事件和事件對象

1.加載文檔事件

jquery工具函數

[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ā)內部的事件

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


5.瀏覽器事件

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


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


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


7.事件對象

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

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

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


這樣不會有跳轉

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


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


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

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

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

//});

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

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

//});

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

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

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

8.事件目標

[1]event.target

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

相關閱讀更多精彩內容

  • 總結: 鼠標事件 1.click與dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r閱讀 1,725評論 2 10
  • 第1章 鼠標事件 1-1 jQuery鼠標事件之click與dbclick事件 用交互操作中,最簡單直接的操作就是...
    mo默22閱讀 1,351評論 0 6
  • (續(xù)jQuery基礎(1)) 第5章 DOM節(jié)點的復制與替換 (1)DOM拷貝clone() 克隆節(jié)點是DOM的常...
    凜0_0閱讀 1,531評論 0 8
  • (1818年-1852年) 美國國防部據說是花了10年時間,把它所需要軟件的全部功能混合在一種計算機語言中,希望它...
    貓頭鷹看世界閱讀 4,154評論 0 4
  • Given two binary trees and imagine that when you put one ...
    孤獨的喵寶寶閱讀 166評論 0 0

友情鏈接更多精彩內容