点击添加按钮bind:tap形式catc..._bind:tap">
当前位置:   article > 正文

小程序——事件绑定,冒泡和非冒泡_bind:tap

bind:tap

绑定形式,冒泡和捕获的区别

bind:普通绑定(事件会冒泡),bindtap或者bind:tap形式
catch:绑定并阻止事件冒泡,catchtap或者catch:tap形式
capture-bind:捕获阶段绑定(后续捕获和冒泡会继续执行),只有capture-bind:tap一种形式
capture-catch:中断捕获阶段和取消冒泡阶段,capture-catch:tap,只会执行最外层事件
冒泡是由内到外(子传父),捕获是由外到内(父传子)
bindtap形式

<button bindtap="addSwitch">点击添加按钮</button>
  • 1

bind:tap形式

<button bind:tap="addSwitch">点击添加按钮</button>
  • 1

catchtap形式

<button catchtap="addSwitch">点击添加按钮</button>
  • 1

catch:tap形式

<button catch:tap="addSwitch">点击添加按钮</button>
  • 1

touchstarttouchstarttouchstarttouchstart手指触摸的开始、移动、结束和打断

<view class="touchTest" bind:touchstart="handlerTS" bind:touchstart="handlerTM" 
bind:touchstart="handlerTE" bind:touchstart="handlerTC">事件类型测试</view>
  • 1
  • 2

绑定事件

事件对象可以携带额外的信息,触发事件时可获取,如id,dataset,touches
一般元素
bindtap----手指触摸之后马上离开
bindlongtap----长按,手指触摸后,超过350ms再离开
bindtouchcancel----手指触摸动作被打断,如来电提醒、弹窗
bindtouchstart----手指触摸动作开始
bindtouchmove----手指触摸后移动
bindtouchend----手指触摸动作结束
input-----监听内容的输入事件
change----CheckBox的勾选事件
表单元素
bindsubmit----携带 form 中的数据触发 submit 事件
bindreset----表单重置时会触发 reset 事件

冒泡事件

在这里插入图片描述

非冒泡事件

非冒泡事件:form的submit事件;input的input事件;scroll-view的scroll事件

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/218935
推荐阅读
相关标签
  

闽ICP备14008679号