邵闻
邵闻
  • 发布:2024-04-09 10:21
  • 更新:2024-04-09 10:44
  • 阅读:207

请告知一下,怎么解决这个问题,长按非常容易触发

分类:uni-app

下面附件有视频,有些手机非常容易触发长按,现在怎么解决这个问题

2024-04-09 10:21 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

看你视频 应该是滚动时触发了长按事件这个问题吧
示例代码片段 你可以参考下

复制代码<template>  
    <view>  
        <view @longpress="longpress" @touchend="touchend" @touchmove="longpressFlg = true" v-for="item in 100"  
            style="width: 100%;height: 300rpx;background-color: pink;margin-bottom: 20rpx;">  
            ---------------{{item}}-------------  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                longpressFlg: false,  
                longpressTimeout: null,  
            }  
        },  
        methods: {  
            longpress() {  
                if (this.longpressTimeout) return  
                this.longpressTimeout = setTimeout(() => {  
                    if (!this.longpressFlg) {  
                        this.longpressTimeout = null  
                        //弹框 或其他操作  
                        uni.showModal({  
                            content: 'showModal'  
                        })  
                    }  
                }, 300)  
            },  
            touchend() {  
                clearTimeout(this.longpressTimeout)  
                this.longpressTimeout = null  
                this.longpressFlg = false  
            }  
        }  
    }  
</script>
  • 邵闻 (作者)

    非常感谢您提供的这个方案,不过这个实际上是解决不了我的问题的

    2024-04-17 15:38

  • 爱豆豆

    回复 邵闻: 不能解决?你发一个复现的demo出来 我在帮你看看

    2024-04-17 16:28

  • 邵闻 (作者)

    回复 爱豆豆: 原来我理解错了touchmove,ok,我知道原理现在应该解决了,非常感谢

    2024-04-17 23:09

  • 爱豆豆

    回复 邵闻: 好的

    2024-04-18 08:41

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容