bindtap和catchtap 的區(qū)別

bindtap和catchtap都屬于點擊事件函數(shù),將事件綁定到組件上,點擊組件后可以觸發(fā)函數(shù)成翩。

二者的區(qū)別在于是否冒泡事件。

冒泡事件:當一個組件上的事件被觸發(fā)后赦役,該事件會向父節(jié)點傳遞麻敌。

非冒泡事件:當一個組件上的事件被觸發(fā)后,該事件不會向父節(jié)點傳遞掂摔。

舉一個例子說明:

wxml部分:

說明:由以上代碼可以看到术羔,總共包含了三個view赢赊,其中id=outer 為最外層的父節(jié)點,綁定了bindtap事件级历;id=middle释移,綁定了catchtap事件,是id=inner 的父節(jié)點寥殖;id=inner組件綁定了bindtap事件玩讳。

.js部分:

調(diào)試結(jié)果:

1.點擊 inner view時,輸出結(jié)果:


2.點擊middle view時嚼贡,輸出結(jié)果:


3.點擊outer view時熏纯,輸出結(jié)果:


說明:由以上調(diào)試結(jié)果可以看到,bindtap為冒泡事件粤策,點擊組件事件時會向上傳遞樟澜,而catchtap為非冒泡事件,點擊組件事件時不會向上傳遞掐场。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末往扔,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子熊户,更是在濱河造成了極大的恐慌,老刑警劉巖吭服,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嚷堡,死亡現(xiàn)場離奇詭異翻斟,居然都是意外死亡薯嗤,警方通過查閱死者的電腦和手機名斟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進店門绑蔫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來椅寺,“玉大人搜立,你說我怎么就攤上這事闪朱∨屡瘢” “怎么了打瘪?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵友鼻,是天一觀的道長。 經(jīng)常有香客問我闺骚,道長彩扔,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任僻爽,我火速辦了婚禮虫碉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘胸梆。我一直安慰自己敦捧,他們只是感情好须板,可當我...
    茶點故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著兢卵,像睡著了一般习瑰。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上济蝉,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天杰刽,我揣著相機與錄音,去河邊找鬼王滤。 笑死贺嫂,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的雁乡。 我是一名探鬼主播第喳,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼踱稍!你這毒婦竟也來了曲饱?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤珠月,失蹤者是張志新(化名)和其女友劉穎扩淀,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體啤挎,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡驻谆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了庆聘。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片胜臊。...
    茶點故事閱讀 40,503評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖伙判,靈堂內(nèi)的尸體忽然破棺而出象对,到底是詐尸還是另有隱情,我是刑警寧澤宴抚,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布勒魔,位于F島的核電站,受9級特大地震影響酱塔,放射性物質(zhì)發(fā)生泄漏沥邻。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一羊娃、第九天 我趴在偏房一處隱蔽的房頂上張望唐全。 院中可真熱鬧,春花似錦、人聲如沸邮利。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽延届。三九已至剪勿,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間方庭,已是汗流浹背厕吉。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留械念,地道東北人头朱。 一個月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像龄减,于是被迫代替她去往敵國和親项钮。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,512評論 2 359

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

  • 一:理解視圖層 類似于“視圖引擎模板”(jsp,freemaker,velocity,thymeleaf等) 框...
    Reg8888閱讀 1,405評論 1 0
  • 子元素用bindtap綁定事件后希停,執(zhí)行的時候烁巫,會冒泡到父元素(觸發(fā)父親元素上綁定的bindtap事件) 如果不想冒...
    晴愔閱讀 8,776評論 0 1
  • 啥也不說,先看一段代碼: 這段代碼唯一的區(qū)別就是綁定事件的方式bindtap:點擊bb會觸發(fā)父元素上的a事件(冒泡...
    晨晨_0b46閱讀 735評論 0 1
  • 先上結(jié)論 其中: catchtap : 捕獲事件宠能,組織冒泡hover-stop-propagation :指定是否...
    Coder_老王閱讀 14,130評論 0 3
  • 一直嘴上說要開始寫小說亚隙,但是今天拖明天,明天拖到后天违崇,難到要拖到春節(jié)去恃鞋,估計那時候還是寫不出來,關(guān)于如何寫小說的文...
    青春夢享閱讀 100評論 0 0