Holen Sie Klasse von einem div in Click-Ereignis in Internet Explorer

Question

Ich habe eine Klick-Funktion für das Dokument definiert und wenn geklickt möchte ich wissen, ob das Ziel enthält eine Klasse 'Dropdown' die Funktion sollte zurückkehren. So ist das, was in Firefox funktioniert gut:

$(document).click(function(e){ 
    if (e.target.classList.contains('dropdown')) 
     return; 

    //Other work here; 
}); 

Aber irgendwie IE zeigt e.target als null. Nach der Lektüre, wo einige, dass der IE nicht target für Click-Ereignisse hat aber srcElement und ich in beiden Browsern arbeiten muß, dies ändern:

(event.target || event.srcElement).id //etc 

Aber ich, das Klassenattribut bekommen muss sich jemand wissen, wie um die Klasse der srcElement in IE "ohne JQUERY" zu bekommen?

Answer 1

Warum nicht die JQuery-API-Funktion hasClass verwenden?

Sie sollten in der Lage sein

if(e.target.classList.contains('dropdown')) 

mit

if($(this).hasClass('dropdown')) 

~~~~~~~~~~~~ bearbeiten zu ersetzen ~~~~~~~~~~

Wenn ich verstehe, was Sie tun, sollten Sie vielleicht Ihren gesamten Event-Handler restrukturieren (es sei denn, Sie tun es aus Effizienzgründen manchmal Leute eine größere Ausnahme dann herausfinden, was geklickt wurde)

$('.dropdown').each(function() { 
    //Do some action 
}); 

Answer 2

jQuery zur Rettung:

$(document).click(function(e){ 
    if($(this).hasClass("dropdown")) 
     return  
    //Other work here; 
}) 

Answer 3

$target = $(e.target); 

if($target.hasClass("dropdown")) 
    return;