首頁技術(shù)文章正文

什么是事件?怎樣調(diào)用事件處理程序?

更新時(shí)間:2022-02-18 來源:黑馬程序員 瀏覽量:

什么是事件

采用事件驅(qū)動是JavaScript語言的一個最基本的特征。所謂事件,是指用戶在訪問頁面時(shí)執(zhí)行的操作。當(dāng)瀏覽器探測到一個事件(例如,單擊鼠標(biāo)動作)時(shí)可以觸發(fā)與這個事件相關(guān)聯(lián)的JavaScript對象。

說到事件就不得不提到“事件處理”。事件處理是指與事件關(guān)聯(lián)的JavaScript對象,當(dāng)與頁面特定部分關(guān)聯(lián)的事件發(fā)生時(shí),事件處理器就會被調(diào)用。事件處理的過程通常分為三步,具體步驟如下。

●發(fā)生事件。

●啟動事件處理程序。

●事件處理程序作出反應(yīng)。

值得一提的是,在上面的事件處理過程中,要想事件處理程序能夠啟動,就需要調(diào)用事件處理程序。

1.事件處理程序的調(diào)用

在使用事件處理程序?qū)撁孢M(jìn)行操作時(shí),最主要的是如何通過對象的事件來指定事件處理程序。在JavaScript中,指定事件處理程序的方法有兩種:一種是在JavaSeript中調(diào)用事件處理程序,另一種是在HTML中調(diào)用事件處理程序,具體介紹如下。

2.在JavaScript中調(diào)用事件處理程序

在JavaScript中調(diào)用事件處理程序,首先需要獲得處理對象的引用,然后將要執(zhí)行的處理函數(shù)賦值給對應(yīng)的事件。

2.在HTML中調(diào)用事件處理程序

在HTML中分配事件處理程序,只需要在HTML標(biāo)記中添加相應(yīng)的事件,并在HTML執(zhí)行要執(zhí)行的代碼或函數(shù)名即可。例如下面的示例代碼:

<input type="button" name="btn" value".點(diǎn)擊按鈕" onclicke="alert( “輕松學(xué)習(xí)JavaScript事件');"/>

運(yùn)行示例代碼后,單擊“點(diǎn)擊按鈕”,將彈出“輕松學(xué)習(xí)JavaScripl事件”警示框。






猜你喜歡:

事件委托是什么? JS事件代理的原理

JavaScript面向?qū)ο笤鯓觿h除標(biāo)簽頁?

使用vue構(gòu)建用戶界面的優(yōu)點(diǎn)

黑馬程序員HTML前端高級軟件工程師培訓(xùn)課程

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!