addEventListener와 attachmentEvent의 차이점에 대한 많은 블로그 게시물이 있지만, 대부분은 전자가 Firefox chrome이고 후자는 IE 시리즈에만 존재한다는 사실에 중점을 두고 있습니다. 이 차이점을 설명하기 위해 간단한 데모가 사용됩니다.
<
<
테스트
<
id ="div2">
test2 ;
chrome에서 첫 번째 경고: " a1", 두 번째 경고: "정의되지 않음"
Firefox의 첫 번째 경고: " a1", 두 번째 경고: " 정의되지 않음"
IE의 첫 번째 경고: " a1", 두 번째 경고: "정의되지 않음 "
이해하기 쉽습니다. 이때 이것은 DOM #a1을 가리키므로 Alert id는 #a1의 id "a1"입니다. 그러면 여기에는 testGolb 변수가 없으므로 정의되지 않습니다. .
test2 클릭
chrome에서 첫 번째 경고: "a1", 두 번째 경고: "undefine"
firefox에서 첫 번째 경고: "a1", 두 번째 경고: "정의되지 않음"
IE의 첫 번째 경고:" 정의되지 않음", 두 번째 경고:"diff"
test1을 클릭하면 Chrome과 Firefox가 동일하게 동작하지만 IE는 다릅니다. AttachEvent를 사용하여 이벤트를 바인딩할 때 함수의 this는 이벤트가 추가된 dom이 아닌 창을 가리키므로 첫 번째 경고 값은 정의되지 않고 this.testGlob의 값은 diff입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
