js - 그림 불 러 오기 완료 여부 판단

1350 단어
채 팅 방 을 할 때 그림 이 끝까지 굴 러 가지 않 는 다.이 때 그림 을 불 러 오기 가 완료 되 지 않 았 습 니 다. 채 팅 그림 을 불 러 올 지 여 부 를 판단 해 야 합 니 다.
var imgAllLoad = (cb) => {
    var flag = 0
    var all = [...document.querySelectorAll('img')]
    //  .filter(e => e.className == 'img-style')
    all.forEach((elm, index, arr) => {
        let handle = () => {
            if(flag == arr.length){
                cb()
            }
        }
        if(elm.complete){
            flag++  
            handle()
            return
        }
        elm.onload = () => {
            flag++  
            handle()
        }
    })
}
  • VUE 예
  • scrollChatMessageBotton(){
                this.$nextTick(() => {
                    try {
                        this.imgAllLoad(() => {
                            this.$refs.chat_list[this.chatList.length - 1].scrollIntoView({
                                behavior: 'smooth',
                                block: 'end',
                                inline: 'end'
                            })   
                        })
                    } catch (error) {
                        console.log('scrollChatMessageBotton')
                        console.log(error)
                    }
                })
            }
    
    filter
    --END--

    좋은 웹페이지 즐겨찾기