IE e.target.id no funciona

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

Error en Internet Explorer: e.target.id no está definido.

Answer 1

IE no es compatible con la propiedad de destino, sino que utilizan srcElement.

Cambio:

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

a:

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

También puede ser necesario añadir esto al comienzo de su función:

if (!e) e = window.event 

Su código final sería el siguiente :

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 no pasa un objeto de evento como parámetro, se accede al objeto de evento como un identificador global llamado event. Tampoco usa el término objetivo, en su lugar usa srcElement.

De ahí que el código equivalente para IE es: -

function check() 
{ 

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

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

Su por esta razón que los marcos de Javascript como jQuery son tan populares.

Answer 3

Tiene un evento clásico que maneja un problema entre navegadores. Aconsejo usar una biblioteca como Prototype, JQuery, YUI o MooTools para manejar esto de una manera mucho más fácil y directa. El problema es que IE no pasa el objeto de evento. En su lugar, se puede encontrar como un objeto global.

Answer 4

Internet Explorer no pasa el objeto de evento al controlador de eventos, sino que lo establece como una propiedad del objeto de ventana. Además, usa srcElement en lugar de target. Pruebe

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