事件监听器未更改

Question

所以我有一个函数可以更改div上的事件侦听器。 但是，即使在函数使用新数据调用之后，事件侦听器仍保持不变。 事件侦听器与第一次调用函数时相同。

    function loadonscroll( data, jobId){
        var obj = document.getElementById('external-events');   
        obj.addEventListener('scroll',function() {          
            if( obj.scrollTop >= (obj.scrollHeight - obj.offsetHeight)){
                console.log($("#external-events > div").length);
                var present = $("#external-events > div").length;
                if (present < data.length){
                    var end;
                    (data.length - present) > 7 ? end = present + 7 : end = data.length ;           
                    for(present ; present< end ; present++){
                    appendCandidate(present , data, jobId);
                    }               
                        }
                }
            });
        }

因此，如果有人可以帮助我，那就太好了。 我只是想知道为什么即使使用新数据调用函数后事件监听器也不会改变。