微信小程序進階第2篇__事件類型_冒泡_非冒泡

在小程序中, 事件分為兩種類型:

  1. 冒泡事件, 當一個組件上的事件被觸發后,該事件會向父節點傳遞
  2. 非冒泡事件, 當一個組件上的事件被觸發后, 該事件不會向父節點傳遞。

一 冒泡事件

tap, touchstart、 touchend 事件等都屬于冒泡事件,小程序提供的全 部冒泡事件如下表所示:
在這里插入圖片描述
看一個例子:
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
示例運行效果:

小程序冒泡事件

二 事件綁定類型

上述例子,點擊事件 用到了bindtap, 實際上事件綁定分別有 bind 與 catch 兩種,
兩者的區別:

  1. bind事件不會阻止冒泡事件向上冒泡
  2. catch事件綁定可以阻止冒泡事件向上冒泡。

以下看一個例子理解catch阻止冒泡。
修改上述 wxml 頁面中 view2的bindtap事件為catchtap,
在這里插入圖片描述
保存后,點擊view2, 日志只會輸出 view2222222222222click
點擊 view3, 日志只會輸出 view3333333333333click,

這就說明冒泡事件被阻止了。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/84590.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/84590.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/84590.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

[免費]SpringBoot+Vue在線教育(在線學習)系統(高級版)【論文+源碼+SQL腳本】

大家好,我是java1234_小鋒老師,看到一個不錯的SpringBootVue在線教育(在線學習)系統(高級版)【論文源碼SQL腳本】,分享下哈。 項目視頻演示 【免費】SpringBootVue在線教育(在線學習)系統(高級版) Java畢業設計_嗶哩嗶哩_bilibili 項目介紹…

TypeScript 針對 iOS 不支持 JIT 的優化策略總結

# **TypeScript 針對 iOS 不支持 JIT 的優化策略總結** 由于 iOS 的 **JavaScriptCore (JSC)** 引擎 **禁用 JIT(Just-In-Time 編譯)**,JavaScript 在 iOS 上的執行性能較差,尤其是涉及動態代碼時。 **TypeScript(T…

項目部署一次記錄

鏈路:(用戶)客戶端 → Nginx:192.168.138.100→ Tomcat (程序):192.168.138.101→ MySQL/Redis 打開數據庫:systemctl start mysqld 重啟網絡: systemctl restart NetworkManager 關閉防火墻&am…

C 語言學習筆記

文章目錄 程序設計入門 --- C 語言第一周 程序設計與 C 語言1 計算機與編程語言:計算機怎么做事情的,編程語言是什么📒 1.1 計算機的普遍應用 —— 離了它,現代人可能不會“活”了**🌐 科學計算:計算機的“…

服務器修改/home的掛載路徑

寫在前面:前段時間新裝了一臺服務器,/home目錄原本是掛在在系統盤/dev/sda4的分區下,但是系統盤的空間比較小,為了保證后續使用起來,不會遇到磁盤很快就占滿的情況,現在需要將 /home 獨立出來,掛…

刷機維修進階教程-----沒有開啟usb調試 如何在鎖定機型的撥號界面特殊手段來開啟ADB

有時候我們會遇到一些機型被屏幕鎖 賬號鎖等鎖定。無法進入系統界面。也沒有開啟usb調試的情況下如何通過一些操作來開啟adb調試。然后通過adb指令來禁用對應的app順利進入系統。以此來操作保數據等操作. 通過博文了解?????? 1??????----了解一些品牌機型鎖定狀態…

虛擬文件(VFS)

核心知識點:虛擬文件系統(VFS) 1. 通俗易懂的解釋 想象一下你家里的冰箱。你把食物放進去,不用管它是放在塑料盒里、玻璃罐里還是直接用保鮮膜包著,你只需要知道它在冰箱的哪個位置(比如“蔬菜抽屜里”&a…

前后端聯調實戰指南:Axios攔截器、CORS與JWT身份驗證全解析

前言 在現代Web開發中,前后端分離架構已成為主流,而前后端聯調則是開發過程中不可避免的關鍵環節。本文將深入探討前后端聯調中的三大核心技術:Axios攔截器的靈活運用、CORS跨域問題的全面解決方案以及JWT身份驗證的安全實現。通過本文&…

Postman基礎操作

1.Postman是什么? Postman是接口測試的工具,簡單來說它能模擬瀏覽器對服務器的某個接口發起請求并接收響應數據。 1.1 Postman工作原理 2.Postman發送請求 2.1 發送GET請求 我們知道GET請求是沒用請求體的,所以我們需要將請求參數寫在Param…

Elasticsearch Synthetic _source

_source 字段包含索引時傳入的原始 JSON 文檔體。_source 字段本身不被索引(因此不可搜索),但會被存儲,以便在執行獲取請求(如 get 或 search)時返回。 如果磁盤使用很重要,可以考慮以下選項&a…

Vue3 + Element Plus 實現用戶管理模塊

本文介紹一個使用 Vue3 Element Plus 實現的用戶與小組管理模塊,支持用戶的增刪改查(CRUD)和分頁管理,以及小組的新增和刪除功能,適用于管理后臺系統中的用戶權限管理場景。 一、項目簡介 該模塊具備以下功能&#…

Python應用“面向對象”小練習

大家好!面向對象編程是一種以 “對象” 為核心的編程思想。對象可以看作是具有特定屬性和行為的實體。例如,一個學生可以是一個對象,他的屬性包括姓名和年齡,行為可以是打招呼。? 代碼呈現: # 定義類和對象 class Student:def __init__(sel…

線性回歸原理推導與應用(八):邏輯回歸二分類乳腺癌數據分類

乳腺癌數據是sklearn中自帶的數據集,需要通過相關特征對是否患有乳腺癌進行分類。 數據清洗與建模 首先加載相關庫和相關數據 from sklearn.datasets import load_breast_cancer from sklearn.linear_model import LogisticRegression import numpy as np import…

nginx的一些配置的意思

1.用這個端口可以訪問到nginx 2.工作進程,設置成和cpu核心數一樣即可 3.每個工作進程的最大網絡連接數。 4.主機名稱 設置反向代理時,把server_name設置成ip。 5.反向代理進行轉發,localhost指的是nginx所在的機器。 關鍵字proxy_pass。 …

SID103S/D/Q-300nA, 軌至軌, CMOS 運算放大器替代SGM8141

概述 SID103系列產品是專注于超低功耗、軌至軌、CMOS運算放大器,最低工作電壓可以支持到1.4V,并且工作時每個通道僅消耗300nA的電流。特別適合穿戴式、獨立式等對功耗敏感的電池供電場景。 SID103系列產品擁有5kHz的增益帶寬積,外接500pF電…

十六進制字符轉十進制算法

十六進制與十進制對照 十六進制十進制00112233445566778899A10B11C12D13E14F15 十六進制與十進制區別 十六進制是滿16進1,十進制是滿10進1,這里要注意下區別,16進制的字符里面為什么是0-9沒有10,這里面進了一位,表示…

微軟技術賦能:解鎖開發、交互與數據潛力,共探未來創新路

在微軟 Build 2025 大會以及創想未來峰會上,微軟展示的一系列前沿技術與創新應用,不僅展現了其在科技領域的深厚底蘊與前瞻視野,更為開發者和企業帶來了前所未有的機遇與變革動力。 領馭科技作為微軟中國南區核心合作伙伴及 HKCSP 1T 首批授…

并發基礎|進程與線程

進程基礎 什么是進程? 為了實現并發的功能,引入了進程的概念。 ? 為了實現并發,需要引入多程序的環境,但是多程序的環境會造成一些單程序時不存在的問題,比如程序的之間沒有了封閉性,程序不可以連續的執…

鴻蒙倉頡開發語言實戰教程:自定義tabbar

大家周末好呀,今天繼續分享倉頡語言開發商城應用的實戰教程,今天要做的是tabbar。 大家都知道ArkTs有Tabs和TabContent容器,能夠實現上圖的樣式,滿足基本的使用需求。而倉頡就不同了,它雖然也有這兩個組件,…

LINUX526 回顧 配置ssh rsync定時備份(未完成)

配置SSH回顧: 1.關閉防火墻、selinux systemctl stop firewalld systemctl disable firewalld setenforce 0 vim /etc/selinux/config SELINUXdisable 2. 510 2.配置YUM源 我計劃配本地yum源 2.1 yum源備份 cd /etc/yum.repos.d tar -zcf repo.tar.gz *.repo …