微信拖拽盒子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进行分析和解决,努力帮助跟我一样的前端小伙伴们成长!!!

相关文章
|
1月前
|
小程序
微信小程序拖拽实现(真实测试管用)
微信小程序拖拽实现(真实测试管用)
|
6月前
|
小程序 前端开发 开发者
微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题
微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题
154 0
|
7月前
|
小程序 JavaScript
微信小程序 - 点击事件传递参数(简单详细)
微信小程序 - 点击事件传递参数(简单详细)
470 0
|
7月前
|
小程序 JavaScript 前端开发
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍
143 0
|
8月前
|
小程序 JavaScript
微信小程序 - 监听 TabBar 切换点击事件
微信小程序 - 监听 TabBar 切换点击事件
1263 0
|
11月前
|
监控 开发工具 容器
微信小游戏开发实战4-实现图形的拖拽
本篇主要内容包括使用微信小游戏开发工具实现图形的拖拽功能。 如果你没有任何的游戏开发经验,欢迎阅读我的“人人都能做游戏”系列教程,它会手把手的教你做出自己的第一个小游戏。
112 0
|
小程序
【微信小程序】点击事件bindtap如何传参
【微信小程序】点击事件bindtap如何传参
1664 0
【微信小程序】点击事件bindtap如何传参
|
小程序
微信小程序点击事件冒泡
微信小程序点击事件冒泡
|
小程序 JavaScript 前端开发
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍(二)
通过本教程前面两篇文章的介绍,大家对微信小程序的视图和控制器,以及微信调试器的用法已经有了一个最基本的认识了。在这个基础上,让我们进一步学习微信小程序控制器,掌握在小程序控制器中响应用户输入的方法。
360 0
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍(二)
|
小程序 JavaScript 前端开发
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍(一)
通过本教程前面两篇文章的介绍,大家对微信小程序的视图和控制器,以及微信调试器的用法已经有了一个最基本的认识了。在这个基础上,让我们进一步学习微信小程序控制器,掌握在小程序控制器中响应用户输入的方法。
260 0
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍(一)

热门文章

最新文章