js中怎么让绑定的click事件只触发一次呢？

Question

项目需求 让js绑定的事件 只触发1次~

Answer 1

  var btn = document.getElementById('btn');

    // 添加事件绑定

    btn.addEventListener('click', btnClick, false);

    // 按钮点击方法

    function btnClick() {

      console.log('hello');

      // 删除事件绑定

      btn.removeEventListener('click', btnClick, false);

    }

个人建议点击以后删除绑定的事件才是最靠谱的

Answer 2

可以封装一下多处使用

function one(fn) {

    var flag = true;

    return function () {

        if (flag) {

            flag = false;

            fn.apply(this, arguments)

        }

    }

}

document.getElementById("btn").onclick = one(function(e) {

    console.log(e)

    console.log(this);

})