微信小程序 movable-view 控制长按才触发拖动 轻轻滑动页面正常滚动效果

今天写 movable-area+movable-view遇到了个头疼的问题
那就是 movable-view 监听了用户拖拽自己 但 我们小程序 上下滚动页面靠的也是拖拽 也就是说 如果放在这里 用户拖动 movable-view部分 就会永远触发不了滚动

那么 我们先可以 加一个 bindlongpress="longpressHandler"事件
用户长按时触发
在这里插入图片描述
然后在data中定义一个布尔类型的值
在这里插入图片描述
当用户长按时 触发bindlongpress
我们就将这个值 赋值为true
在这里插入图片描述
然后在用户松开时触发的 bindtouchend上再次将这个值变回false
在这里插入图片描述
这样 我整个逻辑才能闭环

然后 我们在用户拖拽时触发的 handleTouchMove上判断
只有这个监听长按值为false 逻辑才会继续往下走
在这里插入图片描述
这样我们就做到了 用户长按才能触发bindtouchmove的效果

但是 我们用鼠标轻轻向下或者向上拉 我们会发现movable-view 还是会跟着拖动跑
这是 我们就需要用到官方的 disabled属性
在这里插入图片描述
这里还是disabled 监听 长按会赋值为true的这个值 如果长按了 这个为true ok 你拖走
否则 disabled的条件成立 这个节点就是禁用的 就不会被拖着走 也不会影响我们整体界面的拖动 上下滚动了

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/102506.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

golang gorm——hook和session配置

golang gorm——hook和session配置

orm hook和session gorm hook gorm提供了一些hook函数，在增删查改、事务操作前后执行。需要让model实现对应接口。hook函数的执行会先于gorm sql运行日志的打印。 // gorm 插入更新都会默认开启事务，如果业务无需开启，在设置中可以关闭 //…
阅读更多...
Maven 配置指南

Maven 配置指南

目录 一、配置本地存储库 二、配置并行Artifact 解析 三、安全和部署设置 四、将镜像用于存储库 五、Profiles 六、可选配置 七、Settings 八、安全性 九、工具链 Maven配置发生在3个级别： 项目-大多数静态配置发生在pom.xml中安装-这是为Maven安装添加的…
阅读更多...
扫描器（xray和bp联动）

扫描器（xray和bp联动）

文章目录 分类主动扫描和被动扫描bp与xray联动 分类 扫描器分为对web的扫描器和对主机的扫描器 主动扫描和被动扫描 主动扫描： 输入某个URL，然后由扫描器中的爬虫模块爬取所有链接，对GET、POST等请求进行参数变形和污染，进行重放测…
阅读更多...
什么是信创测试？信创测试工具有哪些？

什么是信创测试？信创测试工具有哪些？

信创全称是“信息技术应用创新”，旨在实现信息技术自主可控，规避外部技术制裁和风险，其涉及产业链包括硬件、基础软件、应用软件、云服务、数据安全等领域。 信创测试是指对信创工程项目中的产品、系统等进行测试和验证，以确保其…
阅读更多...
线程安全案例 --- 阻塞队列

线程安全案例 --- 阻塞队列

小王学习录 今日鸡汤阻塞队列什么是阻塞队列什么是生产者消费者模型阻塞队列的使用阻塞队列的代码实现1. 实现一个普通队列2. 在普通队列里加入阻塞特性完善阻塞队列消息队列在数据结构的学习中我们知道队列是一种先进先出的数据结构, 但是存在一些特殊的队列, 比如: 优先级队列…
阅读更多...
Seata入门系列【4】undo_log、global_table、branch_table、lock_table字段及作用详解

Seata入门系列【4】undo_log、global_table、branch_table、lock_table字段及作用详解

1 客户端 1.1 undo_log 在AT模式中，需要在参与全局事务的数据库中，添加一个undo_log表，建表语句如下： SET NAMES utf8mb4; SET FOREIGN_KEY_CHECKS 0;-- ---------------------------- -- Table structure for undo_log -- --…
阅读更多...
Go 语言中的反射

Go 语言中的反射

今天主要来聊聊 Go 语言中反射，希望对你有新的认知 虽然很多人使用 Go 语言有一定时间了，甚至有的使用了 1 年 2 年，然后对于 Go 语言中的反射还是模棱两可，使用起来的时候，心里也不是非常有底气 更有甚者&#xff0…
阅读更多...
增强用户体验，增加制作单据时回填多行商品功能

增强用户体验，增加制作单据时回填多行商品功能

最近忙着刷快手，好久没有更新文章了，感谢快手极速版发给我的浴巾和跳绳，虽然没有抖音极速版赚零钱快，但礼物确是实实在在的。只是跳绳不停会绊住，可能是自己长期不运动笨拙的结果吧。咱们回到正题，接着上次的大宗商品入库单，感觉要一行一行选择输入单据的数据项不是很方…
阅读更多...
helm使用

helm使用

前言 类似于 Linux 的 YUM、APT，Helm 是 K8S 的包管理工具。 Helm， 一个二进制工具，用来安装、升级、卸载 K8S 中的应用程序。 Helm Chart，一个 tgz 包，类似安卓的 APK。 K8S 应用打包成 Chart，通过 He…
阅读更多...
深度学习_3_张量运算

深度学习_3_张量运算

代码： import torchimport osimport pandas as pd import numpy as npx torch.tensor([[1, 2, 3], [4, 5, 6]]) print(x) sumA x.sum(dim 0) print(sumA) print(torch.sum(x, dim 0, keepdim True)) print(x/torch.sum(x, dim 0, keepdim True) )
阅读更多...
如何在会计面试中展现自己的优势？

如何在会计面试中展现自己的优势？

在会计面试中展现自己的优势是非常重要的，因为这将决定你是否能够脱颖而出并获得这个职位。下面是一些可以帮助你展示自己优势的方法： 1. 准备充分：在面试前，确保你对公司的背景和业务有所了解。研究公司的财务报告和新闻&#xf…
阅读更多...
【LeetCode】2.两数相加

【LeetCode】2.两数相加

目录 1 题目2 答案2.1 我写的（不对）2.2 更正 3 问题 1 题目 给你两个 非空 的链表，表示两个非负的整数。它们每位数字都是按照 逆序 的方式存储的，并且每个节点只能存储 一位 数字。 请你将两个数相加，并以相同形式返…
阅读更多...
[LitCTF 2023]导弹迷踪

[LitCTF 2023]导弹迷踪

这道题相较于其他的分数类型的js题有一点不一样，他不是像常规的有用bp多次抓包修改最后得分来获取flag的。 本题将flag藏到了他的前端文件中本身没有任何难度，只是为了记录一种新的做法 按照我们平常做js的思路就是先随便玩一下然后bp抓包看得分或者抓包…
阅读更多...
各大自动化测试框架对比

各大自动化测试框架对比

自动化测试是把以人为驱动的测试行为转化为机器执行的一种过程，主要是编写代码、脚本，让软件自动运行，发现缺陷，代替部分的手工测试；自动化测试可分为自动化性能测试、自动化功能测试，自动化功能测试包括了…
阅读更多...
C#，工业化软件与院校软件的对比及编程语言的选择建议

C#，工业化软件与院校软件的对比及编程语言的选择建议

飞机发动之之一，涡轮喷气航空发动机（JET ENGINE） 火箭发动机之一，俄罗斯RD-180煤油和液氧发动机（ROCKET ENGINE） 1 飞机发动机与火箭发动机的简明对比 2 工业软件与院校软件的简单对比 除了以上类似的对比…
阅读更多...
地下城堡3魂之诗食谱，地下城堡3菜谱37种

地下城堡3魂之诗食谱，地下城堡3菜谱37种

地下城堡3魂之诗食谱大全，让你解锁制作各种美食的方法！不同的食材搭配不同的配方制作，食物效果和失效也迥异。但有时候我们可能会不知道如何制作这些食物，下面为您介绍地下城堡3菜谱37种。 关注【娱乐天梯】，获取内部福…
阅读更多...
【Redis】Hash 哈希内部编码方式

【Redis】Hash 哈希内部编码方式

Hash 哈希内部编码方式 哈希的内部编码有两种： ziplist（压缩列表）：当哈希类型元素个数⼩于hash-max-ziplist-entries配置（默认512个）、同时所有值都⼩于hash-max-ziplist-value配置（默认64字节…
阅读更多...
14、我们仓里的年轻人

14、我们仓里的年轻人

1、风行内容仓的增效之路 - 前言 2、从“键鼠套装”到“全键盘游戏化”审核 3、从“人等机器”到“人机和谐” 4、绩效管理实践 5、质量保证实践 6、片花关联长视频 7、脏话检测 8、绩效看板与日清计划 9、大小屏分离与精细化审核 10、质量审核的设立与合并 11、视频…
阅读更多...
HDMI 基于 4 层 PCB 的布线指南

HDMI 基于 4 层 PCB 的布线指南

HDMI 基于 4 层 PCB 的布线指南 简介 HDMI 规范文件里面规定其差分线阻抗要求控制在 100Ω 15%，其中 Rev.1.3a 里面规定相对放宽了一些，容忍阻抗失控在 100Ω 25%范围内，不要超过 250ps。 通常，在 PCB 设计时，注意控…
阅读更多...
mysql进程信息出现大量Waiting for table level lock信息的原因，怎么处理？

mysql进程信息出现大量Waiting for table level lock信息的原因，怎么处理？

"Waiting for table level lock"的问题主要出现在MySQL处理并发读写时。这通常发生在一个长时间运行的查询（如大批量的UPDATE，DELETE或INSERT操作）在表上持有一个锁，而其他查询正在等待获取该锁。 这可能是由以下原因导…
阅读更多...
最新文章

Copyright @ 2022~2023