Что это такое в IE attachEvent

Question

Я устал от написания jQuery, поэтому я решил изучить какой-то сырой JavaScript.Что-то в attachEvent IE меня смутило.Вот код.

var btn = document.getElementById('myBtn');

btn.onclick = function(){
   alert(window.event.srcElement === this); //true, I know why.
};

btn.attachEvent('onclick', function(event){
   alert(event.srcElement === this); //fasle, but why?
});

Я пытаюсь использовать встроенные в IE инструменты отладки, но он просто сказал мне, что «this» - это объект, но не более того ... так что же такое «this» в IEattachEvent

Answer 1

В обработчике событий, связанном с IE-специфическим методом attachEvent, this относится к глобальному window объекту:

btn.attachEvent('onclick', function(event) {
    alert(this === window); // true
}

Напротив, в обработчике события, связанном стандартным методом addEventListener, this относится к элементу DOM, из которого был вызван обработчик события.

Answer 2

Я думаю, вы неправильно написали одно слово.

    btn.attachEvent('onclick', function(event){
            alert(event.**srcElement** === this);
    });

И я протестировал соответствующую функцию addEventListener в chrome и ff, они оба вернули true.

IE действительно возвращает false. Возможно, потому что IE имеет дело с btn.onclick = fn; и btn.attachEvent () другим способом. IE передает глобальное значение (окно) методу btn.attachEvent (). Вы можете проверить это === окно , оно возвращает true.

Есть какие-нибудь комментарии по этому поводу?

Answer 3

это контекстная ссылка и ссылка на окно, когда происходит событие click, потому что это единственный контекст, существующий в то время.