javascript - 如何实现只触发一次的 listener，类似 jQuery.one()

问题描述

问 题

试了两种方法，都不行，求大神指教

// 方法一
let listenOnce = (node, type, listener, useCapture=false) => {
    let wrapper = (event) => {
        console.log('wrapper called')
        node.removeEventListener(type, wrapper, useCapture);
        console.log('removed')
        return listener(event);
    }

    node.addEventListener(type, wrapper, useCapture);
}

listenOnce(document, 'click', foobar);

// 方法二
let listenerWithTimes = (times, listener) => {
    let count = times;
    return (event) => {    
        if (count > 0) {
            console.log(count);
            listener(event);
        }
        count -= 1;
    }
}

document.addEventListener('click', listenerWithTimes(1, foobar));

解决方案

你确定不行吗？我想应该是其它错误了。请用chrome测试下面代码，我这里完全正确：

<script>
let listenOnce = (node, type, listener, useCapture=false) => {
    let wrapper = (event) => {
        console.log('wrapper called')
        node.removeEventListener(type, wrapper, useCapture);
        console.log('removed')
        return listener(event);
    }

    node.addEventListener(type, wrapper, useCapture);
}

listenOnce(document, 'click', function(){
    console.log('listener');
});
</script>

这篇关于javascript - 如何实现只触发一次的 listener，类似 jQuery.one()的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！