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

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 崽崽的谷雨 2021-06-07 11:12
    关注

    click事件里调用另一个事件不就好了

    评论
  • console.log( ) 2021-06-07 11:23
    关注

    先去看看什么是防抖,看懂了就会了

    评论
  • 小z666 2021-06-07 15:42
    关注
    // 正常事件1
    function event1() {
        console.log('event1');
    }
    // 事件2
    function event2() {
        console.log('event2');
    }
    // 将事件二改为加上防抖 // debounce 是你自己的防抖
    const debounceEvent = _.debounce(event2, 1000)
    
    // 点击事件
    function onClick() {
        event1();
        debounceEvent();
    }
    评论
  • mmmmm12342 2021-06-07 16:20
    关注
    function debounce(fn,delay){
    	var timer=null;
    	return function(){
    		if(timer) clearTimeout(timer);
    		timer=setTimeout(()=>{
    			fn.apply(this,arguments);
    			timer=null;
    		},delay)
    	}
    }
    
    
    dom.onclick = function () {
        console.log('事件一');
        debounce(()=>console.log('事件二'),2000)();
    }
    评论
  • 有问必答小助手 2021-06-08 11:51
    关注

    您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

    如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

    ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

    评论
查看更多回答(5条)

报告相同问题?

悬赏问题

  • ¥15 基带到底是什么?为什么手机厂和厂外完全两个概念
  • ¥15 怎么下载MySQL,怎么卸干净原来的MySQL
  • ¥15 网络打印机Ip地址自动获取出现问题
  • ¥15 求局部放电案例库,用于预测局部放电类型
  • ¥100 QT Open62541
  • ¥15 stata合并季度数据和日度数据
  • ¥15 谁能提供rabbitmq,erlang,socat压缩包,记住版本要对应
  • ¥15 Vue3 中使用 `vue-router` 只能跳转到主页面?
  • ¥15 用QT,进行QGIS二次开发,如何在添加栅格图层时,将黑白的矢量图渲染成彩色
  • ¥50 监控摄像头 乐橙和家亲版 保存sd卡的文件怎么打开?视频怎么播放?