집 >웹 프론트엔드 >JS 튜토리얼 >addEventListener와 attachmentEvent에 바인딩된 실행 함수의 this가 다릅니다_기본 지식
addEventListener와 attachmentEvent에 바인딩된 실행 함수의 this가 다릅니다_기본 지식
- WBOY원래의
- 2016-05-16 17:47:121068검색
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입니다.
성명:본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.