javascript使用touch事件 h5实现长按的功能

最新推荐文章于 2024-08-04 16:33:59 发布

我有一棵树

最新推荐文章于 2024-08-04 16:33:59 发布

阅读量1.2k

点赞数 1

分类专栏： js 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_17335549/article/details/128104314

版权

js 专栏收录该内容

88 篇文章 4 订阅

订阅专栏

需求：在移动端，长按保存图片

function longPress() {
    // 要 长按 的元素
    const ele = this.$refs.img; 
    let timer = 0;
    ele.addEventListener('touchstart', e => {
        e.preventDefault()
        timer = setTimeout(()=>{
            // 长按之后需要执行的操作
            timer = 0
        })
    })
    ele.addEventListener('touchmove', e => {
        // 手指有移动就重置 长按的状态
        clearTimeout(timer)
        timer = 0
    })
    ele.addEventListener('touchend', e => {
        // 手指移开，重置长按的状态
        clearTimeout(timer)
        timer = 0
    })
}