IE e.target.id не работает

Question

document.click = check;

function check(e)
{ 
    var obj = document.getElementById('calendar_widget');

    if (obj != 'null')
    {
        if (e.target.id != 'show_calender')
            obj.style.display='none';
    }
}

Ошибка в Internet Explorer: e.target.id не определен.

Answer 1

IE не поддерживает целевое свойство, вместо этого он использует srcElement.

Изменение:

if (e.target.id != 'show_calender')

до:

if ((e.target || e.srcElement).id != 'show_calender')

Возможно, вам также понадобится добавить это в начало вашей функции:

if (!e) e = window.event

Ваш окончательный код будет выглядеть так:

function check(e) { 
    if (!e) e = window.event;
    var obj = document.getElementById('calendar_widget');

    if (obj != 'null') {
        if ((e.target || e.srcElement).id != 'show_calender')
                obj.style.display='none';
    }
}

Answer 2

Internet Explorer не передает объект события обработчику события - он устанавливает его как свойство объекта окна. Кроме того, он использует srcElement вместо target. Попробуйте

document.click = check;

function check(e)
{ 
    var target = e ? e.target : window.event.srcElement;
    var obj = document.getElementById('calendar_widget');

    if (obj != 'null')
    {
        if (target.id != 'show_calender')
                obj.style.display='none';
    }
}

Answer 3

У вас классическая проблема с обработкой событий между браузерами. Я бы посоветовал использовать такую ​​библиотеку, как Prototype , JQuery , YUI или MooTools для более простой и простой обработки , Проблема в том, что IE не передает объект события. Вместо этого его можно найти как глобальный объект.

Answer 4

IE не передает объект события в качестве параметра, объект события доступен как глобальный идентификатор с именем event. Также он не использует термин target, вместо этого он использует srcElement.

Следовательно, эквивалентный код для IE: -

 function check()
 { 

    var obj = document.getElementById('calendar_widget');

    if (obj != 'null')
    {
        if (event.srcElement.id != 'show_calender')
            obj.style.display='none';
    }
 }

По этой причине фреймворки Javascript, такие как JQuery, очень популярны.