赵达310 2021-06-07 11:07 采纳率: 50%
浏览 183
已采纳

react中同一个点击事件中有两个事件,其中一个事件实现防抖?

如题目,我想实现一个input框的onClick功能,click事件中有两个事件,其中一个事件正常触发,另一个事件想做防抖.请问该怎么实现.

  • 写回答

6条回答 默认 最新

  • 七宝文 2021-06-07 12:02
    关注
    var timeout=null
    dom.onclick = function () {
        //事件一
        console.log('事件一正常调用');
        //事件二 需要做防抖的
        if (timeout) {
            clearTimeout(timeout);
        }
    
        timeout = setTimeout(function (e) {
            console.log('处理事件二');
        }, 2000)
    }

    点击事件点一次事件一就会执行一次,然后事件二是二秒执行执行一次,就是说二秒内点在快,也只是执行一次

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

悬赏问题

  • ¥15 个人通讯录管理系统 C语言 程序设计
  • ¥15 数电设计题 没有设计思路 不知道用什么芯片进行设计 求提供设计思路
  • ¥15 在动态多目标优化问题中,第一幅图展示的是问题DF6的相关定义和绘制的POS和POF图,请问图中公式PS(t)和PF(t)是如何推导的
  • ¥60 设计一种优化算法结合案例给出智能仓储四向穿梭车的调度计划
  • ¥15 Errno2:No such file or directory,在当前文件确实没有该图片,怎么解决?
  • ¥15 博世摄像头数据存储的问题(iscsi)
  • ¥15 如何实现对学生籍贯信息管理系统的选择排序
  • ¥15 写一个51单片机的时钟代码
  • ¥15 git clone报错
  • ¥15 3d-slicer超声造影动态图像导入报错