小程序開發(fā)-事件

事件

  • 事件是視圖層到邏輯層的通訊方式;
  • 事件可以綁定在組件上射沟,當(dāng)達(dá)到觸發(fā)事件時殊者,就會執(zhí)行邏輯層中對應(yīng)的事件處理函數(shù);
  • 事件對象可以攜帶額外信息验夯,如:id猖吴,dataset,touches挥转。

事件的分類

  • 冒泡事件:當(dāng)一個組件上的事件被觸發(fā)后海蔽,該事件會向父節(jié)點(diǎn)傳遞共屈;
  • 非冒泡事件:當(dāng)一個組件上的事件被觸發(fā)后,該事件不會向父節(jié)點(diǎn)傳遞

關(guān)于冒泡事件與非冒泡事件的分類見事件

事件的綁定和冒泡

事件的綁定同組件屬性 党窜,以key拗引,value的形式出現(xiàn)

  • keybindcatch開頭,然后跟上事件的類型(見上文)如:bindtap幌衣,catchtouchstart矾削,也可以使用bindcatch后緊跟一個冒號,如:bind:tap豁护,catch:touchstart
  • value是一個字符串哼凯,需要在對應(yīng)的Page中定義同名函數(shù);

bind事件綁定不會阻止冒泡事件向上冒泡楚里,catch事件綁定會阻止冒泡事件的向上冒泡断部。

事件的使用方式

  • 在組件中綁定一個事件處理函數(shù),在相應(yīng)的Page中寫上相應(yīng)的事件處理函數(shù)腻豌,參數(shù)是event
    <view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click Me! </view>

  • 使用WXS函數(shù)響應(yīng)事件家坎,在組件中綁定和注冊事件處理的WXS函數(shù),在對應(yīng)的.wxs文件中定義函數(shù)

<wxs module="wxs" src="./test.wxs"></wxs>
<view id="tapTest" data-hi="WeChat" binftap="{{wxs.tapName}}"> Click me!</view>

事件的捕獲階段

捕獲階段位于冒泡階段之前吝梅,且在捕獲階段中虱疏,事件到達(dá)節(jié)點(diǎn)的順序與冒泡階段恰好相反。
capture-bind進(jìn)行捕獲階段監(jiān)聽事件苏携,capture-catch中斷捕獲和取消冒泡階段

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末做瞪,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子右冻,更是在濱河造成了極大的恐慌装蓬,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件纱扭,死亡現(xiàn)場離奇詭異牍帚,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)乳蛾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進(jìn)店門暗赶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人肃叶,你說我怎么就攤上這事蹂随。” “怎么了因惭?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵岳锁,是天一觀的道長。 經(jīng)常有香客問我蹦魔,道長激率,這世上最難降的妖魔是什么咳燕? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮柱搜,結(jié)果婚禮上迟郎,老公的妹妹穿的比我還像新娘。我一直安慰自己聪蘸,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布表制。 她就那樣靜靜地躺著健爬,像睡著了一般。 火紅的嫁衣襯著肌膚如雪么介。 梳的紋絲不亂的頭發(fā)上娜遵,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天,我揣著相機(jī)與錄音壤短,去河邊找鬼设拟。 笑死,一個胖子當(dāng)著我的面吹牛久脯,可吹牛的內(nèi)容都是我干的纳胧。 我是一名探鬼主播,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼帘撰,長吁一口氣:“原來是場噩夢啊……” “哼跑慕!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起摧找,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤核行,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蹬耘,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體芝雪,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年综苔,在試婚紗的時候發(fā)現(xiàn)自己被綠了惩系。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,110評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡休里,死狀恐怖蛆挫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情妙黍,我是刑警寧澤悴侵,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站拭嫁,受9級特大地震影響可免,放射性物質(zhì)發(fā)生泄漏抓于。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一浇借、第九天 我趴在偏房一處隱蔽的房頂上張望捉撮。 院中可真熱鬧,春花似錦妇垢、人聲如沸巾遭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽灼舍。三九已至,卻和暖如春涨薪,著一層夾襖步出監(jiān)牢的瞬間骑素,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工刚夺, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留献丑,地道東北人。 一個月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓侠姑,卻偏偏與公主長得像创橄,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子结借,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評論 2 355

推薦閱讀更多精彩內(nèi)容