小程序開發(fā)中事件指的是什么-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)小程序開發(fā)中事件指的是什么的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)秉承實(shí)現(xiàn)全網(wǎng)價(jià)值營銷的理念，以專業(yè)定制企業(yè)官網(wǎng)，網(wǎng)站制作、成都網(wǎng)站制作，成都小程序開發(fā)，網(wǎng)頁設(shè)計(jì)制作，手機(jī)網(wǎng)站制作，成都全網(wǎng)營銷幫助傳統(tǒng)企業(yè)實(shí)現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級專業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理，匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對客戶都以感恩的心態(tài)奉獻(xiàn)自己的專業(yè)和所長。

在微信小程序開發(fā)中什么是事件？從事件的定義解釋，事件是視圖層到邏輯層的通訊方式。事件可以將用戶的行為反饋到邏輯層進(jìn)行處理，同時(shí)綁定在組件上，當(dāng)達(dá)到觸發(fā)事件，就會執(zhí)行邏輯層中對應(yīng)的事件處理函數(shù)。除此之外事件對象可以攜帶額外信息，如 id, dataset, touches。

由于微信小程序框架采用邏輯層與UI層分析的設(shè)計(jì)方式，這種設(shè)計(jì)方式需要解決兩個問題：視圖層響應(yīng)邏輯層邏輯和數(shù)據(jù)的變化，視圖層將用戶的操作反饋到邏輯層。微信定義了一些語法和規(guī)則來幫助開發(fā)者連接視圖層和邏輯層。通過數(shù)據(jù)綁定可以解決前一個問題，而第二個問題就需要用事件來解決。

事件綁定

通過事件綁定來完成對用戶操作的響應(yīng)，比如要處理view標(biāo)簽的tap事件，在標(biāo)簽屬性中添加bindtap = \'tapName\', 然后在.js中添加tapName函數(shù)

//wxml
Click me!
//.js
Page({
tapName:function(event) {
console.log(event)
}
})

event對象包含一些關(guān)于事件的數(shù)據(jù)：

target：觸發(fā)事件的組件

currentTarget：當(dāng)前組件

type：事件類型

timeStamp：時(shí)間戳(頁面打開到觸發(fā)事件所經(jīng)過的毫秒數(shù))

touches：包含觸摸點(diǎn)的數(shù)組(多點(diǎn)觸控)

changedTouches ：發(fā)生改變的觸摸點(diǎn)的數(shù)組(多點(diǎn)觸控)

detail：額外的自定義信息

冒泡事件和非冒泡事件

為什么會有target和currentTarget之分呢，這是由于事件分為兩類，冒泡事件和非冒泡事件

冒泡事件：當(dāng)一個組件上的事件被觸發(fā)后，該事件會向父節(jié)點(diǎn)傳遞。

非冒泡事件：當(dāng)一個組件上的事件被觸發(fā)后，該事件不會向父節(jié)點(diǎn)傳遞。

其中tap事件是屬于冒泡事件(這也是為什么上面例子中的event會包含currentTarget)。

為什么需要冒泡事件

有了冒泡事件，就可以更加方便的實(shí)現(xiàn)一些功能。

比如程序有一個視圖，包含用戶頭像和姓名，當(dāng)用戶點(diǎn)擊頭像或姓名時(shí)，進(jìn)入用戶詳情頁面。如果沒有冒泡事件，就需要處理頭像和姓名的點(diǎn)擊事件，而現(xiàn)在只需在外層包裹一個組件，并處理該組件的事件即可。

阻止事件冒泡

在有些情況下可能會希望阻止事件的冒泡行為，可以使用catch事件綁定，如catchtap，就可以阻止事件的冒泡行為。

可以通過下面的代碼示例來加深對冒泡事件的理解

//.wxml
我是父親節(jié)點(diǎn)
我是兒子節(jié)點(diǎn)
我是孫子節(jié)點(diǎn)

//.js
Page({
handleTapOutter:function(event) {
console.log(父親節(jié)點(diǎn)被點(diǎn)擊)
},
handleTapMiddle:function(event) {
console.log(兒子節(jié)點(diǎn)被點(diǎn)擊)
},
handleInner:function(event) {
console.log(孫子節(jié)點(diǎn)被點(diǎn)擊)
},
})

總結(jié)下來事件就是指發(fā)生了一些事情，通常是用戶進(jìn)行了一些操作，如點(diǎn)擊某個按鈕或在手機(jī)屏幕上滑動了手指。當(dāng)事件發(fā)生時(shí)，框架會調(diào)用事件處理函數(shù)(如果有的話)，這樣就可以實(shí)現(xiàn)對用戶操作的響應(yīng)。

感謝各位的閱讀！關(guān)于“小程序開發(fā)中事件指的是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

當(dāng)前名稱：小程序開發(fā)中事件指的是什么-創(chuàng)新互聯(lián)
網(wǎng)頁URL：http://bm7419.com/article42/dpophc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、ChatGPT、商城網(wǎng)站、企業(yè)網(wǎng)站制作、網(wǎng)站制作、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)