新聞中心
這篇文章主要為大家詳細(xì)介紹了事件的含義和使用,代碼介紹詳細(xì),非常適合初學(xué)者入門,感興趣的小伙伴們可以參考一下。
目前創(chuàng)新互聯(lián)公司已為上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、化德網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
什么是事件?
事件是指用戶的行為或元素的狀態(tài)。由指定元素監(jiān)聽相關(guān)的事件,并且綁定事件處理函數(shù)。
什么是事件處理函數(shù)?
元素監(jiān)聽事件,并在事件發(fā)生時(shí)自動(dòng)執(zhí)行的操作。
一、事件函數(shù)分類
1、鼠標(biāo)事件
onclick //單擊 ondblclick //雙擊 onmouseover //鼠標(biāo)移入 onmouseout //鼠標(biāo)移出 onmousemove //鼠標(biāo)移動(dòng)
2、文檔或元素加載完畢:
onload //元素或文檔加載完畢
3、表單控件狀態(tài)監(jiān)聽:
onfocus //文本框獲取焦點(diǎn) onblur //文本框失去焦點(diǎn) oninput //實(shí)時(shí)監(jiān)聽輸入 onchange //兩次輸入內(nèi)容發(fā)生變化時(shí)觸發(fā),或元素狀態(tài)改變時(shí)觸發(fā) onsubmit //form元素監(jiān)聽,點(diǎn)擊提交按鈕后觸發(fā),通過返回值控制數(shù)據(jù)是否可以發(fā)送給服務(wù)器
二、獲取元素節(jié)點(diǎn)
1、根據(jù)標(biāo)簽名獲取元素節(jié)點(diǎn)列表
var elems = document.getElementsByTagName(""); /*參數(shù) : 標(biāo)簽名 返回值 : 節(jié)點(diǎn)列表,需要從節(jié)點(diǎn)列表中獲取具體的元素節(jié)點(diǎn)對象,添加相應(yīng)下標(biāo)。 */
2、根據(jù) class 屬性值獲取元素節(jié)點(diǎn)列表
3、根據(jù) id 屬性值取元素節(jié)點(diǎn)
4、根據(jù) name 屬性值取元素列表
三、事件綁定方式
1、內(nèi)聯(lián)方式: 將事件名稱作為標(biāo)簽屬性綁定到元素上
例 :
2、動(dòng)態(tài)綁定 :獲取元素節(jié)點(diǎn),動(dòng)態(tài)添加事件
例 :
btn.onclick = function (){ };
以上就是事件的含義和使用的詳細(xì)內(nèi)容了,看完之后是否有所收獲呢?如果想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊!
本文題目:事件的含義和使用
當(dāng)前路徑:http://www.ef60e0e.cn/article/igijdh.html