微信小程序之冒泡事件

最新推荐文章于 2024-06-09 14:26:11 发布
最新推荐文章于 2024-06-09 14:26:11 发布
阅读量2.9k 收藏
点赞数
分类专栏： 微信小程序开发记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010513497/article/details/104960988
版权

文章目录


官方文档

事件：一个简单的理解就是用户与页面交互，常见的比如点击事件

文档中提到，事件分为冒泡事件和非冒泡事件（在Android中就是点击事件传递）

事件分为冒泡事件和非冒泡事件：

  1. 冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
  2. 非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。

官方文档列出了冒泡事件列表：
在这里插入图片描述
并且告诉我们除上表外的都是非冒泡事件
在这里插入图片描述
我们可能常用的冒泡事件就是bind，非冒泡事件就是catch了
在这里插入图片描述

snotJam
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解
weixin_32886135的博客
01-17 493
bindtap就是点击事件在.wxml文件绑定:cilck here在一个组件的属性上添加bindtap并赋予一个值(一个函数名)当点击该组件时, 会触发相应的函数执行在后台.js文件中定义tapMessage函数://index.jsPage({data: {mo: 'Hello World!!',userid : '1234',},// 定义函数tapMessage: function(eve...
微信小程序 微信小程序地图搜索、地图搜索点点击出callout气泡标题说明
夜阑珊妖妖
12-17 3214
微信小程序 腾讯地图大头针定位，获取当前地址，地图移动选点，定位当前位置：https://blog.csdn.net/summer_ck/article/details/89456675 微信小程序地图搜索：https://blog.csdn.net/summer_ck/article/details/89472134 ...
IOS中的事件响应链,事件冒泡机制基本了解
qq_33490514的博客
01-17 553
本文主要讲解IOS中事件响应链，即事件冒泡机制。做过web开发的同学应该知道js事件冒泡是从主响应元素一层一层的向父级冒泡事件，在ios亦是如此，但是不同是ios中，如果冒泡链中有一方对事件进行响应处理后会截止后续对冒泡行为不同于js会继续往父级冒泡。 事件响应流程图 图中我们可以看到如果UIViewController处理了事件响应，那么就会截止事件对冒泡。 下面我用代码来验证一下。 // 验证ios事件响应链 UITapGestureRecognizer* _tap_1 = [[UITap.
【微信小程序】事件分类以及阻止事件冒泡
最新发布
云泽野の编程日记
06-09 888
当一个组件上的事件被触发后，不仅当前组件会接收到这个事件，其父级组件也会按顺序接收到这个事件，直到事件被消耗或到达最外层。在微信小程序中，事件分为冒泡事件和非冒泡事件两大类，它们的区别在于事件是否能从原始触发组件开始，向父级组件传播（即“冒泡”）。：非冒泡事件触发时，仅当前组件会接收到该事件，不会向上传播到父组件。这类事件在触发后立即停止，不会影响到其他层级的组件。⭐使用 bind 绑定的事件，会触发事件冒泡，如果想阻止事件冒泡，可以使用 catch 来绑定事件。要想阻止事件冒泡也很简单,
微信小程序map自定义cover-view气泡点击事件
selfsummer的博客
02-25 1818
【2023.11.15已更新：微信小程序/Vue】解决事件冒泡问题（连续跳转页面问题）
weixin_62645763的博客
11-14 1383
在微信小程序或Vue中，解决事件冒泡问题（连续跳转页面问题），文章也包括阻止默认行为的方法
微信小程序阻止事件冒泡
qq_39131699的博客
04-01 88
可用： <view catchtap="{{false}}"></view> <view catchtap></view> 不可用： <view catchtap=""></view>
微信小程序 事件
Abudula__的博客
07-26 736
什么是事件: 事件是渲染层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。同时，事件也可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。在我们使用的时候事件也可以携带额外信息，如id,dataset,touches等一系列的信息。此外，事件还是连同WXML组件和javascript的桥梁。  举个例子: 事件相关的属性: 以bind开头的属性是组件...
微信小程序bindtap事件与冒泡阻止详解
10-16
为了阻止事件冒泡，微信小程序提供了`catchtap`事件。将`bindtap`替换为`catchtap`，可以确保事件只在当前组件中处理，不会继续向上冒泡。如下所示： ```html outer middle <view bindtap='handinner'>inner ...
微信小程序冒泡事件及其阻止方法实例分析
10-17
在微信小程序中，事件处理是页面交互的核心，而冒泡事件和阻止冒泡则是事件处理中的重要概念。本文将深入探讨微信小程序中的冒泡事件及其阻止方法，通过实例解析事件的分类、冒泡机制以及如何阻止事件冒泡。 首先，...
微信小程序 冒泡事件原理解析
10-16
主要介绍了微信小程序 冒泡事件原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
《微信小程序-基础篇》小程序中的事件与冒泡
Oliver尹的博客
07-03 3622
本文难度属于：初级，适合 初学小程序的开发者，通过本文，你可以了解到 小程序中的事件是什么，如何 执行事件 以及 当事件冒泡时有什么具体应用
微信小程序基础知识--图片跳转，事件跳转，冒泡事件
zyddd131452的博客
06-11 3863
target 点击没有绑定事件，触发了外层事件，带有触发的事件的集合 有 51zxw。target 点击没有绑定事件，触发了外层事件，带有触发的事件的集合 有 我要自学网。详情页的js中 从服务器中读取的数据 并由console.log 表示出来的。导航组件 指定跳转的路径 并进行参数的传递？current 点击的当前触发的事件，没有 51zxw。current 点击的当前触发的事件，没有 我要自学网。展示上图设定的跳转携带的id和标题。1.3 常用跳转的方法。
【微信小程序】冒泡事件与非冒泡事件、将文章数据从业务中分离、wxml的模块化
m0_55394328的博客
11-29 987
哈喽大家好，本期是微信小程序专栏第十四期。上期我们实现了从welcome页面跳转到page页面，本期我们先对上期内容进行一个补充知识点，也就是冒泡事件与非冒泡事件的定义。本期主要实现的功能是将page.js中的文章数据分离到一个单独的js中，即将文章数据从业务中分离，通过这一功能的实现学习wxml的模块与模块化等知识点。注意：每期内容是连载呢，建议大家可以看看往期内容，更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏，持续更新呢~咱们下期再见~
在微信小程序中怎样阻止冒泡事件？
weixin_44266024的博客
01-18 8801
在微信小程序当中，当两个包含的视图都使用了bindtap函数来绑定点击事件的话，就会发生冒泡事件（即点击内部事件时将同时触发外部事件），如果我们要想阻止冒泡事件的发生，将被包含在内部的bindtap该为catchtap即可，下面请看具体事例。
【小程序教程】微信小程序的事件处理和交互逻辑（tap logpress touchmove input submint事件&冒泡与捕捉最详细讲解）
shenchengyv的博客
10-31 2359
事件处理和交互逻辑在小程序开发中扮演着至关重要的角色。以下是几个原因：提升用户体验：良好的事件处理和交互逻辑可以使小程序更加易用和友好，提升用户体验。通过合理设置事件触发条件和交互效果，可以使用户操作更加顺畅和自然。增加功能和互动性：事件处理可以实现用户与小程序之间的交互，例如点击按钮、滑动页面、输入表单等。通过事件处理，开发者可以为小程序增加各种功能和互动性，满足用户的需求。数据交互和更新：事件处理可以与后台数据进行交互，实现数据的获取、更新和展示。
微信小程序开发系列（十五）·bind 绑定的事件（冒泡事件）、catch 绑定的事件（非冒泡事件）
时光の尘的博客
03-04 1898
当一个组件的事件被触发后，该事件不会向父节点传递，若此时父节点也有绑定事件，则不会触发父节点的事件。使用 bind 绑定的事件，会触发事件冒泡，如果想阻止事件冒泡，可以使用 catch 来绑定事件。：当一个组件的事件被触发后，该事件会向父节点传递，若此时父节点也有绑定事件，则会一并触发。
【微信小程序开发】深入探索事件绑定、事件冒泡、页面跳转的逻辑实现
热门推荐
景天科技苑
05-14 1万+
事件绑定指的是某些按钮，或者某些组件，在我们点击的时候，能够触发事件执行。 当子标签和父标签/祖籍标签绑定了相同的事件后，当子标签事件触发，会继而触发父级标签/祖籍标签的事件。 点击儿子标签会触发父级标签\祖父标签..等等的所有点击事件,这叫事件冒泡。
微信小程序 阻止冒泡
08-19
要去掉微信小程序输入框下面的线，你可以在对应的样式文件中进行设置。可以尝试以下几种方法： 1. 使用自定义样式覆盖默认样式：在对应页面的 `.wxss` 样式文件中添加以下代码： ``` .input-class::after { border...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值