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

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

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

什么是事件

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

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

●發(fā)生事件。

●啟動(dòng)事件處理程序。

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

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

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

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

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

在JavaScript中調(diào)用事件處理程序,首先需要獲得處理對(duì)象的引用,然后將要執(zhí)行的處理函數(shù)賦值給對(duì)應(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)簽頁(yè)?

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

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

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