Here are some common DOM events
1 Mouser Events
click dbclick mouseenter mouseleave
2 Keyborars Events
keypress keydown keyup
3 Form Events
submit change focus blus
4 Docment/Wiindow Events
laod resize scroll unload
click()
the function is executed when the user clicks on the html element.
eg:
$("p").click(function(){ $(this).hide(); })
dblclick()
the dblclick() method attaches an event handlerfunction to an html element. the function is executed when the user double-clicks on the html element
eg:
$("p").dblclick(function(){ $(this).hide(); })
mouseenter()
the function is executed when the mouse pointer the html element
eg:
$("p").mouseenter(function(){ alert("you entered p"); })
mouseleave()
the function is executed when the mouse pointer leaves the html element
eg:
$("#p").mouseleave(function(){ alert("bye! you now leave p"); })
mousedown()
the function is executed , when the left,middle or right button is pressed down, while the mouse is over the html element
eg:
$("p").mousedown(function(){ alert("mouse down over p"); })
mouseup()
the function is excuted, when the left.miffffdle or right mouse button is released while the nouse is over the html element
eg:
$("p").mouseup(function(){ alert("mouse up over p"); })
hover()
the hover() method takes two functions and is a combination of the mouseenter() and mouseleave() methods
the first function is executed when the mouse enters enters the html element, and the second function is executed when the mouse leaves the html element
eg:
$("p").hover(function(){ alert("you entered p"); },funtion(){ alert("bye! you now leave p"); })
focus()
the focus() methods attaches an event handler function to an html form the function is executed when the form field gets focus
eg:
$("input").focus(function(){ $(this).css("background-color","#cccccc"); });
blur()
the blur() method attaches an eveent handler function to an html
the function is executed when the form field loses focus
$("input").blur(function(){ $(this).css("background-color","#ffffff"); })
on()
the function attaches one or more event handlers for selected selected
elements
eg:
$("p").on("click",function(){ $(this).hide(); })
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/86896.html
摘要:一起源方法最終是用綁定事件的而方法正是等于二作用觸發(fā)綁定的事件的處理程序源碼源碼行即原生觸發(fā)事件的處理程序修正對象獲取事件的處理程序集合,結(jié)構(gòu)如下從數(shù)據(jù)緩存中獲取事件處理集合即目標(biāo)元素委托目標(biāo)這段代碼壓根不會(huì)執(zhí)行,因?yàn)槿炙阉鳑]找到結(jié)構(gòu) showImg(https://segmentfault.com/img/remote/1460000019464031); 一、起源jQuery.e...
摘要:專門為事件建立一個(gè)有問題,直接退出如果是一個(gè)事件處理對象,且有屬性。參考源碼分析事件體系結(jié)構(gòu)解密事件核心綁定設(shè)計(jì)一解密事件核心委托設(shè)計(jì)二本文在上的源碼地址,歡迎來。 歡迎來我的專欄查看系列文章。 通過前面一章對于 addEvent 庫的介紹,它的兼容性超級棒,據(jù)說對于 IE4、5 都有很好的兼容性,這和 jQuery 的原理是一致的,而在 jQuery 中,有一個(gè)對象與其相對應(yīng),那就是...
摘要:不過也有自己的一套自定義事件方案??梢院褪录脕韺Ρ?,他們都是用來模擬和執(zhí)行監(jiān)聽的事件。冒泡事件就是就是由內(nèi)向外冒泡的過程,這個(gè)過程不是很復(fù)雜。參考解密事件核心自定義設(shè)計(jì)三解密事件核心模擬事件四本文在上的源碼地址,歡迎來。 歡迎來我的專欄查看系列文章。 以前,我只知道,只有當(dāng)對瀏覽器中的元素進(jìn)行點(diǎn)擊的時(shí)候,才會(huì)出發(fā) click 事件,其它的事件也一樣,需要人為的鼠標(biāo)操作。 showIm...
摘要:回調(diào)隊(duì)列中的元素是對象,代表一個(gè)事件回調(diào),擁有多個(gè)屬性,如等等,其中是回調(diào)函數(shù),在觸發(fā)時(shí)通過傳遞,具體的在后面講。類型是時(shí)鍵表示事件名,規(guī)則同上,鍵值表示事件觸發(fā)時(shí)的回調(diào)函數(shù)。 jQuery源碼學(xué)習(xí)之event jQuery的事件機(jī)制為異步回調(diào),事件監(jiān)聽的屬性、參數(shù)和回調(diào)的等保存在Data實(shí)例中,在元素上保存該對象的引用。有方法handle,內(nèi)部執(zhí)行dispatch;有屬性events...
閱讀 991·2021-09-26 10:15
閱讀 2077·2021-09-24 10:37
閱讀 2585·2019-08-30 13:46
閱讀 2636·2019-08-30 11:16
閱讀 2425·2019-08-29 10:56
閱讀 2598·2019-08-26 12:24
閱讀 3482·2019-08-23 18:26
閱讀 2667·2019-08-23 15:43