美文网首页
useLongPress

useLongPress

作者: skoll | 来源:发表于2022-02-26 17:33 被阅读0次

简介

1 .监听目标的长按事件
2 .不足,长按和点击事件是分开计算的

import React,{useEffect,useState,useRef} from 'react'
import {useLongPress} from 'ahooks'

export default function Drag(props){
    const ref=useRef()

    useLongPress(()=>{
        console.log('发生了长按')
        },
        ref,
        {
            delay:2000,
            // 符合的时间
            onClick:()=>{
                console.log('长按的时候顺便也添加了点击事件')
            }
        }
    )
    return (
        <div>
            <div ref={ref}>长按</div>
        </div>
    )
}


相关文章

  • useLongPress

    简介 1 .监听目标的长按事件2 .不足,长按和点击事件是分开计算的

网友评论

      本文标题:useLongPress

      本文链接:https://www.haomeiwen.com/subject/oggqrrtx.html