AI 助理
备案控制台
开发者社区 云计算 文章 正文

微信小程序系列——你知道什么是事件传播以及怎么防止吗？

2023-08-30 315
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 微信小程序系列——你知道什么是事件传播以及怎么防止吗？

先赞后看，此生必赚

一、什么是事件传播？

如图，蓝色区域是红色区域的子元素；

点击子元素的时候，触发父元素的点击事件就是事件传播；

二、如何防止事件传播

这时候，可以使用catchTap来绑定点击事件：

1. <view class='father' catchtap='ontapFather'>
2. <view class='child' catchtap='ontapChild'></view>
3. </view>


文章标签：
小程序
关键词：
微信事件
微信小程序事件
微信传播
前方一片光明
目录
相关文章
天玄TX
|
小程序 UED 开发者
小程序如何监听页面的滚动事件
小程序如何监听页面的滚动事件
天玄TX
736 0
朝阳39
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项，动态列表-步骤条（含事件传参），动态详情（含微信云查询单条数据 doc）
【微信小程序-原生开发】实用教程09 - 可滚动选项，动态列表-步骤条（含事件传参），动态详情（含微信云查询单条数据 doc）
朝阳39
331 0
探索云世界动手实践
|
9月前
|
小程序
微信小程序数据绑定与事件处理：打造动态交互体验
在上一篇中，我们学习了搭建微信小程序开发环境并创建“Hello World”页面。本文深入探讨数据绑定和事件处理机制，通过具体案例帮助你打造更具交互性的小程序。数据绑定使用双花括号`{{}}`语法，实现页面与逻辑层数据的动态关联；事件处理则通过`bind`或`catch`前缀响应用户操作。最后，通过一个简单的计数器案例，巩固所学知识。掌握这些核心技能，将助你开发更复杂的小程序。
探索云世界动手实践
418 0
杀死一只知更鸟debug
|
小程序 JavaScript
微信小程序学习之数据绑定，事件绑定，事件传参与数据同步的学习记录
本文介绍了微信小程序中的数据绑定、事件绑定、事件传参与数据同步的基本概念和使用方法，包括如何在data对象中定义数据、使用mustache语法在wxml中渲染数据、绑定和处理事件、事件对象属性、事件传参以及实现输入框与data数据的同步。
杀死一只知更鸟debug
472 0
微信小程序学习之数据绑定，事件绑定，事件传参与数据同步的学习记录
杀死一只知更鸟debug
|
JSON 小程序 JavaScript
微信小程序页面事件，下拉刷新事件和上拉触底事件
这篇文章介绍了微信小程序中如何实现下拉刷新和上拉触底事件，包括开启下拉刷新、配置下拉刷新样式、监听下拉刷新事件，以及监听上拉触底事件和配置上拉触底的距离。
杀死一只知更鸟debug
1488 0
广州爱奇迪-伍华聪
|
开发框架 前端开发 JavaScript
在微信框架模块中，基于Vue&Element前端的事件和内容的管理
在微信框架模块中，基于Vue&Element前端的事件和内容的管理
广州爱奇迪-伍华聪
151 1
爱你三千遍斯塔克
|
JavaScript
支付系统---微信支付23-数据绑定和事件，使用Vue调试要添加扩展,F12与console平级就出现了Vue，在支付资料，微信支付，04资料，工具里
支付系统---微信支付23-数据绑定和事件，使用Vue调试要添加扩展,F12与console平级就出现了Vue，在支付资料，微信支付，04资料，工具里
爱你三千遍斯塔克
122 0
我是夜阑的狗
|
小程序
【微信小程序】-- 页面事件 - 上拉触底 - 案例（二十七）
【微信小程序】-- 页面事件 - 上拉触底 - 案例（二十七）
我是夜阑的狗
652 0
我是夜阑的狗
|
JSON 小程序 JavaScript
【微信小程序】-- 页面事件 - 上拉触底（二十六）
【微信小程序】-- 页面事件 - 上拉触底（二十六）
我是夜阑的狗
563 0
多客LIJIE
|
7月前
|
监控 前端开发 小程序
陪练,代练,护航,代打小程序源码/前端UNIAPP-VUE2.0开发 后端Thinkphp6管理/具备家政服务的综合型平台
这款APP通过技术创新，将代练、家政、娱乐社交等场景融合，打造“全能型生活服务生态圈”。以代练为切入点，提供模块化代码支持快速搭建平台，结合智能匹配与技能审核机制，拓展家政服务和商业管理功能。技术架构具备高安全性和扩展性，支持多业务复用，如押金冻结、录屏监控等功能跨领域应用。商业模式多元，包括交易抽成、增值服务及广告联名，同时设计跨领域积分体系提升用户粘性，实现生态共生与B端赋能。
多客LIJIE
733 12

热门文章

最新文章

  • 1
    小程序开发平台有哪些？哪个好
  • 2
    小程序制作平台有哪些？哪个好
  • 3
    基于微信小程序的智慧养老服务系统
  • 4
    基于微信小程序的婚庆摄影系统
  • 5
    “企业微信iPad协议”凌晨 2:24：一句自动回复把投诉率从 8% 拉到 0.3%
  • 6
    当“企业微信iPad协议”潜入深夜值班室：一段代码引发的零号群风暴
  • 7
    “企业微信iPad协议”凌晨沉默实验：当群发接口只剩心跳声
  • 8
    市面上的小程序平台对比
  • 9
    市面上小程序平台的跨平台框架有哪些优缺点？
  • 10
    小程序开发平台有哪些？小程序制作平台哪个好
  • 1
    weixin163基于微信小程序的校园二手交易平台系统设计与开发ssm(文档+源码)_kaic
    754
  • 2
    weixin168“返家乡”高校暑期社会实践微信小程序设计与开发ssm(文档+源码)_kaic
    238
  • 3
    weixin116大学生就业平台微信小程序+ssm(文档+源码)_kaic
    392
  • 4
    微信小程序开发全流程：从注册到上线的完整指南
    3917
  • 5
    技术小白如何利用DeepSeek半小时开发微信小程序？
    2559
  • 6
    微信小程序数据绑定与事件处理：打造动态交互体验
    418
  • 7
    微信小程序页面导航与路由：实现多页面跳转与数据传递
    900
  • 8
    微信小程序网络请求与API调用：实现数据交互
    1018
  • 9
    微信小程序组件封装与复用：提升开发效率
    475
  • 10
    微信小程序数据缓存与本地存储：优化用户体验
    1725

    • 相关课程

    更多
  • IoT小程序框架课程

    • 相关电子书

    更多
  • 《使用Serverless服务快速开发小程序》
  • 《云市场-小程序》
  • 数字乡村建设方案
    • 下一篇
    oss云网关配置