美文网首页
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

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