prova se un oggetto c'è un evento DOM

Question

Dall'interno di una funzione come

function eventHandler(e) { 
    // ... 
} 

è un modo affidabile ed efficiente per determinare se e è un evento DOM?

Answer 1

Non credo ci sia un modo affidabile per determinare se un dato oggetto è un evento DOM.

1. typeof e sarà sempre tornare 'object' per gli oggetti di eventi veri e propri, che non è utile.
2. Qualsiasi proprietà che è possibile verificare sull'oggetto può esistere sia in un oggetto Evento originale che in un oggetto non Event.
3. Si potrebbe pensare che la catena del prototipo potrebbe essere utile per determinare questo, ma ha lo stesso problema del # 2 (può essere facilmente replicato).
4. La proprietà contructor potrebbe sembrare promettente, ma si potrebbe fare questo:

function DummyEvent(){ 
    this.constructor.toString = function(){ 
     return "function MouseEvent() { [native code] }"; 
    } 
} 

Questo finisce per fare console.log(e.constructor) stampa "function MouseEvent() { [native code] }"

Quindi, c'è un modo "affidabile" per dire se un oggetto è un evento? No.

Modifica — Si noti che tutto ciò è irrilevante se si desidera impedire lo spoofing degli eventi poiché è possibile creare facilmente eventi reali.

var evt = new Event('click'); 
var evt2 = document.createEvent('MouseEvents'); 
evt2.initMouseEvent('click', ...); 
//etc 

Edit2 — ho creato un test jsFiddle cercando di trovare un modo per distinguere gli oggetti, ma non ho ancora trovato nulla di preciso. Si noti che non mi sono preoccupato di specificare le proprietà su DummyEvent perché è evidente che queste possono essere facilmente falsificate.

Answer 2

Forse se l'evento bolle event.bubbles attraverso il DOM è l'evento DOM. Ma anche se questa affermazione è vera, la sua propagazione potrebbe essere interrotta.

AGGIORNATO:

OK la proprietà che stai cercando è e.target e per IE e.srcElement. Entrambe le proprietà restituiscono l'elemento HTML su cui si è verificato l'evento e che lo definisce come evento DOM .

Tuttavia, forse dovresti specificare ciò che interpreti come evento DOM. Vuoi dire eventi nativi del suo navigatore web, perché questo è l'evento DOM troppo:

var zoo = jQuery('#zoo'); 
zoo.bind('moo'); 
zoo.trigger('moo'); 

Si binded a un nodo DOM

Answer 3

in jQuery ho creato una funzione di test, qualcosa di simile:

function isEvent(e) { 
    try { 
     e.PreventDefault(); 
     return true; 
    } 
    catch (err) { 
     return false; 
    } 

}

e testing di codice:

var o = new Object(); 
var e = $.Event('click'); 
alert(isEvent(o)); 
alert(isEvent(e)); 

l'ex avviso mostra falso, mentre il secondo mostra vero. Vedi fiddle.

AGGIORNAMENTO: è più sicuro chiamare qualcosa come preventDefault anziché trigger.