useLongPress

2022-02-26  本文已影响0人  skoll

简介

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>
    )
}


上一篇 下一篇

猜你喜欢

热点阅读