首页 > 编程语言 >微信小程序防止事件穿透防止事件冒泡

微信小程序防止事件穿透防止事件冒泡

时间:2022-09-19 11:36:15浏览次数:66  
标签:微信 middle 点击 事件 防止 view 冒泡

绑定并阻止事件冒泡

除 bind 外,也可以用 catch 来绑定事件。与 bind 不同, catch 会阻止事件向上冒泡。

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

<view id="outer" bindtap="handleTap1">
  outer view
  <view id="middle" catchtap="handleTap2">
    middle view
    <view id="inner" bindtap="handleTap3">
      inner view
    </view>
  </view>
</view>

标签:微信,middle,点击,事件,防止,view,冒泡
From: https://www.cnblogs.com/ilii/p/16707141.html

相关文章

  • 2022-09-19 微信小程序关了调试没数据
    问题描述:打开调试,真机测试和开发工具测试都有值,关闭调试有部分值没有返回。原因:有个域名没有在微信公众平台配置。解决方案:打开微信公众平台==》开发设置==》服务器域名,......
  • ios微信内置浏览器播放音乐
    <!DOCTYPEhtml><htmllang=""> <head>  <metacharset="utf-8"/>  <metahttp-equiv="X-UA-Compatible"content="IE=edge"/>  <metaname="viewp......
  • 微信浏览器自动播放音乐的解决方法 , 安卓和ios 22年9月发布
      <audioid="music1"preoloadautoplay>   <sourcesrc="./all-01.mp3"type="audio/mp3"/>  </audio><scriptsrc="./pixi.min.js"></script>......
  • 微信小程序--云开发
    介绍微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。开发者可以使用云开发快速开发小程序、小游戏、公众号网页等,并且原生打通微信开放能力。开发者无需搭......
  • C# DataGridView防止闪烁的方法
    启用dataGridView的双缓冲即可解决,方法如下:Typetype=dataGridView.GetType();PropertyInfopi=type.GetProperty("DoubleBuffered",......
  • 冒泡降序排序
    假设有5个数12,-1,66,5,7解:存进一个长度为5的数组,依次比较前后两项,前<后即可交换代码如下  1#include<stdio.h>2intmain(){3inta[5]={12,-1,66,5,7};4......
  • 微信移动端禁止video标签视频全屏播放
    https://segmentfault.com/a/1190000020674521 <videosrc="xxxx"poster="xxxxx"mutedcontrolslist="nodownload" disablePictureInPictureloopwebkit-playsinlin......
  • 微信小程序textarea标签的bug记录
    微信小程序bug记录textarea1、textarea使用display:none;visibility:hidden;opacity:0都隐藏不了。目前的解决方法:textarea.hidden{position:relative;left:-1......
  • uniappuviewvue3开发微信小程序(二)
    我们使用HBuilderX编辑器创建完成项目后,然后登陆https://mp.weixin.qq.com/用自己的微信号码扫码登录小程序,找到开发者id,然后黏贴到我们项目manifest.json-微信小程序设置......
  • 微信小程序语音提示
    一.老规矩,先上demo图:      然后通过 wx.createInnerAudioContext  创建内部 audio 上下文 InnerAudioContext 对象就能播放filename的语音链接......