Javascript 尝试启动功能

Javascript 尝试启动功能,javascript,Javascript,我试图在用户单击按钮时启动一个函数 在加载站点以及用户滚动或调整浏览器大小时启动。但是当用户点击一个特定的按钮时,我如何让它工作呢。此时按钮上有一个onclick=“sort();” var lazy=[]; registerListener('load',setLazy); 寄存器列表器('load',lazyLoad); registerListener('滚动',懒散加载); registerListener('resize',lazyLoad); document.getElementB

我试图在用户单击按钮时启动一个函数

在加载站点以及用户滚动或调整浏览器大小时启动。但是当用户点击一个特定的按钮时,我如何让它工作呢。此时按钮上有一个onclick=“sort();”

var lazy=[];
registerListener('load',setLazy);
寄存器列表器('load',lazyLoad);
registerListener('滚动',懒散加载);
registerListener('resize',lazyLoad);
document.getElementById('sort')。addEventListener('click',function(){
});
函数setLazy(){
lazy=document.getElementById('img-load').getElementsByTagName('img');
//log('Found'+lazy.length+'lazy image');
} 
函数lazyLoad(){
log('lazyLoad initiated');
对于(变量i=0;i=0&&
rect.right>=0&&
rect.top
var button=document.getElementById('button'),
单击功能=功能(按钮){
警报(“点击”);
};
按钮。addEventListener('click',clickFunction);

点击按钮可以执行哪个功能?基本上我需要lazyLoad来启动,但这样做时,循环中的if语句不起作用。当页面加载、滚动或调整大小时,它会起作用。
var lazy = [];
registerListener('load', setLazy);
registerListener('load', lazyLoad);
registerListener('scroll', lazyLoad);
registerListener('resize', lazyLoad);

document.getElementById('sort').addEventListener('click', function() {

});

function setLazy(){
    lazy = document.getElementById('img-loading').getElementsByTagName('img');
    // console.log('Found ' + lazy.length + ' lazy images');
} 

function lazyLoad(){
    console.log('lazyLoad initiated');
    for(var i=0; i<lazy.length; i++){
        if(isInViewport(lazy[i])){
            if (lazy[i].getAttribute('data-src')){
                lazy[i].src = lazy[i].getAttribute('data-src');
                lazy[i].removeAttribute('data-src');
            }
        }
    }
    cleanLazy();
    console.log('lazyLoad END');
}

function cleanLazy(){
    lazy = Array.prototype.filter.call(lazy, function(l){ return l.getAttribute('data-src');});
}

function isInViewport(el){
    var rect = el.getBoundingClientRect();

    return (
        rect.bottom >= 0 && 
        rect.right >= 0 && 
        rect.top <= (window.innerHeight || document.documentElement.clientHeight) && 
        rect.left <= (window.innerWidth || document.documentElement.clientWidth)
     );
}

function registerListener(event, func) {
    if (window.addEventListener) {
        window.addEventListener(event, func)
    } else {
        window.attachEvent('on' + event, func)
    }
}