addEventListener를 사용해야합니까?

Question

이러한 유형의 경우 addEventListener을 사용해야합니까?

<input id="input" type="file" onchange="fun()> 

또는

document.getElementById("input").addEventListener("change", function() { 
    fun(); 
}); 

그 이유는 무엇입니까?

Answer 1

onchange 속성은 fun 기능이 전역 범위에 있어야합니다. 더 큰 응용 프로그램에서는 응용 프로그램이나 외부 라이브러리에서 같은 이름의 다른 함수가있을 수 있으므로이 문제를 피하고자합니다. 또는 페이지에서 여러 번 사용되는 구성 요소를 작성한다고 상상해보십시오.

addEventListener이 같은 폐쇄에 싸여 수 있으며 분리 된 구성 요소 내에서 사용할 수 :

(function(){})(
    function fun(){ 
     // Now other components can also have a `fun` function, without causing confusion. 
     // `fun` is only defined inside the IIFE (the (function(){})() wrapper around the module). 
    } 
    document.getElementById("input").addEventListener("change", function() { 
     fun(); 
    }); 
);