微信拖拽盒子movable-view点击事件失效问题

简介: 微信拖拽盒子movable-view点击事件失效问题
<movable-area >
      <movable-view >
           <view bindtap="audioPlay">
                 111  
           </view>
     </movable-area >
 </movable-view >

这样写是不过用的,尝试了很多种方法,z-index,catchtap,等等方法,后来经过仔细分析,这个盒子现在是拖拽盒子,里面的任何事物都是在拖拽盒子里面的,拖拽盒子里面有三个拖拽事件

开始

catchtouchstart=“touchStart”

拖拽中

catchtouchmove=“touchMove”

结束

catchtouchend=“touchEnd”

最后经过尝试,自己的分析是对的
  <movable-area >
      <movable-view >
           <view catchtouchend="audioPlay">
                 111  
           </view>
     </movable-area >
 </movable-view >

所有事件基本是在开始和拖拽中执行,判断都在最后,所以直接使用拖拽最后的那个拖拽事件就好了

我会把我遇到的所有bug进行分析和解决,努力帮助跟我一样的前端小伙伴们成长!!!

相关文章
|
4月前
|
小程序
【微信小程序-原生开发】列表 - 拖拽排序(官方组件 movable-area 和 movable-view 的用法)
【微信小程序-原生开发】列表 - 拖拽排序(官方组件 movable-area 和 movable-view 的用法)
416 0
|
6月前
|
小程序
微信小程序拖拽实现(真实测试管用)
微信小程序拖拽实现(真实测试管用)
|
小程序 前端开发 开发者
微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题
微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题
256 0
|
小程序 JavaScript
微信小程序 - 点击事件传递参数(简单详细)
微信小程序 - 点击事件传递参数(简单详细)
762 0
|
小程序 JavaScript
微信小程序 - 监听 TabBar 切换点击事件
微信小程序 - 监听 TabBar 切换点击事件
1530 0
|
监控 开发工具 容器
微信小游戏开发实战4-实现图形的拖拽
本篇主要内容包括使用微信小游戏开发工具实现图形的拖拽功能。 如果你没有任何的游戏开发经验,欢迎阅读我的“人人都能做游戏”系列教程,它会手把手的教你做出自己的第一个小游戏。
156 0
|
小程序
【微信小程序】点击事件bindtap如何传参
【微信小程序】点击事件bindtap如何传参
2312 0
【微信小程序】点击事件bindtap如何传参
|
小程序
微信小程序点击事件冒泡
微信小程序点击事件冒泡
|
监控 开发工具 容器
微信小游戏开发实战4-实现图形的拖拽
**这是小蚂蚁游戏开发公众号原创的第39篇。 本篇主要内容包括使用微信小游戏开发工具实现图形的拖拽功能。
229 0
微信小游戏开发实战4-实现图形的拖拽