* 圖片全部加載完成后移除事件監聽； * 加載完的圖片，從 imgList 移除； ~~~ let imgList = [...document.querySelectorAll('img')] let length = imgList.length // 修正錯誤，需要加上自執行 const imgLazyLoad = (function() { let count = 0 return function() { let deleteIndexList = [] imgList.forEach((img, index) => { let rect = img.getBoundingClientRect() if (rect.top < window.innerHeight) { img.src = img.dataset.src deleteIndexList.push(index) count++ if (count === length) { document.removeEventListener('scroll', imgLazyLoad) } } }) imgList = imgList.filter((img, index) => !deleteIndexList.includes(index)) } })() // 這里最好加上防抖處理 document.addEventListener('scroll', imgLazyLoad) ~~~