移动端实现长按功能

最新推荐文章于 2024-03-19 21:16:55 发布

chaosama

最新推荐文章于 2024-03-19 21:16:55 发布

阅读量867

点赞数

分类专栏： JS 前端造轮子

本文链接：https://blog.csdn.net/chaosama/article/details/124592584

版权

vue.js javascript

前端造轮子同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

基于vue的，如果原生想用其实也差不多，改一点点就ok了

/*无视传值*/
<div @click="handleClickFile(file)" @touchstart="showMultiple(file,index)" @touchend="clearLoop(file)"></div>

js部分
            data(){
                return{
                    timer:null
                }
            }


                showMultiple(item,index){
                    clearTimeout(this.timer)
                    //长按进入多选
                    this.timer = setTimeout(()=>{
                        console.log(1111111111)        
                    },800)
                },
                clearLoop(){
                    clearTimeout(this.timer)
                },