博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序 事件
阅读量:6584 次
发布时间:2019-06-24

本文共 728 字,大约阅读时间需要 2 分钟。

事件详解

事件分类

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

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

WXML的冒泡事件列表:

类型 触发条件
touchstart 手指触摸动作开始
touchmove 手指触摸后移动
touchcancel 手指触摸动作被打断,如来电提醒,弹窗
touchend 手指触摸动作结束
tap 手指触摸后马上离开
longtap 手指触摸后,超过350ms再离开

注:除上表之外的其他组件自定义事件如无特殊申明都是非冒泡事件,如的submit事件,的input事件,的scroll事件,(详见各个)

事件绑定

事件绑定的写法同组件的属性,以 key、value 的形式。

  • key 以bindcatch开头,然后跟上事件的类型,如bindtapcatchtouchstart
  • value 是一个字符串,需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。

bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。

如在下边这个例子中,点击 inner view 会先后触发handleTap3handleTap2(因为tap事件会冒泡到 middle view,而 middle view 阻止了 tap 事件冒泡,不再向父节点传递),点击 middle view 会触发handleTap2,点击 outter view 会触发handleTap1

outer view
middle view
inner view

转载地址:http://iixno.baihongyu.com/

你可能感兴趣的文章
自己封装的android客户端http网络框架
查看>>
iOS链接库的冲突
查看>>
android 热修复框架Tinker的详细简单使用
查看>>
欢迎加入.NET Core 技术QQ群一起讨论交流学习
查看>>
Windows Azure 上的 Symfony,适用于 PHP 开发者的强大组合
查看>>
基于任务的Service Bus API
查看>>
leetcode 11. Container With Most Water
查看>>
Huffman树费用
查看>>
堆和栈的区别 (转贴)
查看>>
OpenGL实现通用GPU计算概述
查看>>
C 语言free 函数的原理
查看>>
微信弹出框提醒费标准端口或非微信官方网页解决
查看>>
Android 8.0新特性介绍以及注意事项
查看>>
img中的alt和title属性
查看>>
通过包名获取该包下的所有类
查看>>
FIND_IN_SET函数
查看>>
explain mysql性能优化
查看>>
nyoj 61: 传纸条(一)
查看>>
关于Android开发中使用的XML
查看>>
在Windows Server 2008 R2下搭建jsp环境(二)-JDK的下载安装
查看>>