首页 > 如何实现只触发一次的 listener,类似 jQuery.one()

如何实现只触发一次的 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>
【热门文章】
【热门文章】