addEventListener와 attachmentEvent에 바인딩된 실행 함수의 this가 다릅니다_기본 지식

addEventListener와 attachmentEvent의 차이점에 대한 많은 블로그 게시물이 있지만, 대부분은 전자가 Firefox chrome이고 후자는 IE 시리즈에만 존재한다는 사실에 중점을 두고 있습니다. 이 차이점을 설명하기 위해 간단한 데모가 사용됩니다.

코드 복사 코드는 다음과 같습니다.

<
<

<

test1

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입니다.