這篇文章主要介紹了微信小程序事件流原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

一、什么是事件？

事件是視圖層到邏輯層的通訊方式；

事件可以將用戶的行為，反饋到邏輯層進(jìn)行處理；

事件可以綁定在組件上，觸發(fā)事件后，就會(huì)執(zhí)行邏輯層中對(duì)應(yīng)的事件處理函數(shù)；

事件對(duì)象可以攜帶額外信息。

二、事件模型

事件分為事件捕獲階段、事件冒泡階段、事件處理階段

事件對(duì)象的屬性：

• 　　type：觸發(fā)事件的類型
• 　　timestamp：觸發(fā)事件當(dāng)時(shí)的時(shí)間戳
• 　　target：觸發(fā)事件的根源組件，包括觸發(fā)事件組件的id，類型，以及dataset自定義屬性的集合
• 　　currentTarget：觸發(fā)事件的當(dāng)前組件，觸發(fā)當(dāng)前事件的id，類型，以及dataset自定義屬性的集合
• 　　touches：表示我們停留在屏幕上觸摸點(diǎn)的一個(gè)信息；
• 　　changedTouches：表示一個(gè)有變化的觸摸點(diǎn)的信息；
• 　　detail：表示我們綁定事件所攜帶的數(shù)據(jù)，包括x/y到頁(yè)面左上角的距離

currentTarget和target的區(qū)別，

　　currentTarget：表示當(dāng)前組件，

　　target：根源組件：

　　比如，如上圖，最外層綁定了一個(gè)點(diǎn)擊事件，最里面的那層綁定了一個(gè)點(diǎn)擊事件，當(dāng)點(diǎn)擊最里面那個(gè)事件，target代表了最外層的組件，currentTarget代表了最里面那個(gè)組件

三、事件的類型

可捕獲事件

touchstart、tap、touchmove、longpress、touchcancel、longtap、touchend

可冒泡事件

touchstart longtap、touchmove transitionend、touchcancel、animationstart、touchend、animationiteration、tap、animationend、longpress touchforcechan.、

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論