javascript - 多次点击后，滚动事件问题~

Question

http://codepen.io/YuanWing/pen/XmaYbr 如果我把1,2,3都点了一下，然后滚动滚动条，内容追加了三次； 我都有removeEventListener，为什么不是只追加一次呢~ 因为有参数传递，所以scrollFn只能定义到page里面~ {...

怪我咯 · Answer

每次page执行的时候，
定义的scrollFn都是一个新的内部函数值
那么就导致document.body.removeEventListener('scroll', scrollFn, false);实际上是没有效果的
那么代码可以如下修改

function fn(e) {
    var _t = e.target;
    if(_t.tagName.toLowerCase() === 'li') {
        page({page: '__one__'});
    }
 }

var scrollFunObj=(function(){
    var obj;
    return {
      setObj:function(objIn){
        obj=objIn;
      },
      scrollFn:function(){
      
         tabCon.innerHTML += obj.page;
      }
    }
})();

function page(obj){
    scrollFunObj.setObj(obj);
    document.body.removeEventListener('scroll', scrollFunObj.scrollFn, false);
    document.body.addEventListener('scroll', scrollFunObj.scrollFn, false);
}