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

Question

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

Answer 1

var timeout=null
dom.onclick = function () {
    //事件一
    console.log('事件一正常调用');
    //事件二 需要做防抖的
    if (timeout) {
        clearTimeout(timeout);
    }

    timeout = setTimeout(function (e) {
        console.log('处理事件二');
    }, 2000)
}

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