IE e.target.id nie działa

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'; 
    } 
} 

Błąd w przeglądarce Internet Explorer: e.target.id jest niezdefiniowany.

Answer 1

Narzędzie IE nie obsługuje właściwości target, w zamian używają polecenia srcElement.

Zmiana:

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

do:

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

Być może trzeba dodać to na początku swojej funkcji:

if (!e) e = window.event 

Twój ostateczny kod będzie wyglądać następująco :

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

IE nie przekazuje obiektu zdarzenia jako parametru, obiekt zdarzenia jest dostępny jako globalny identyfikator o nazwie event. Również nie używa terminu cel, zamiast tego używa srcElement.

Stąd kod odpowiednik dla IE jest: -

function check() 
{ 

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

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

ITS, dla tej przyczyny, że środowisk JavaScript, takich jak JQuery są tak popularne.

Answer 3

Masz klasyczny problem związany z obsługą wielu przeglądarek. Poradziłbym sobie, używając biblioteki, takiej jak Prototype, JQuery, YUI lub MooTools do obsługi tego w znacznie prostszy i bardziej przejrzysty sposób. Problem polega na tym, że IE nie przekazuje obiektu zdarzenia. Zamiast tego można go znaleźć jako obiekt globalny.

Answer 4

Program Internet Explorer nie przekazuje obiektu zdarzenia do obsługi zdarzenia - zamiast tego ustawia go jako właściwość obiektu okna. Ponadto używa srcElement zamiast target. Wypróbuj

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'; 
    } 
}