javascript - mdn - MouseEvent.path equivalente en Firefox y Safari

mouseevent html

Question

Estoy usando Polymer 1.0 y cuando hay un clic en un botón en Chrome se genera un MouseEvent . Este objeto MouseEvent tiene una propiedad de path que es una matriz ordenada de elementos principales para el botón presionado. En Firefox y Safari, sin embargo, se genera un click que no tiene una propiedad de path . ¿Hay una propiedad equivalente del objeto click que me da la misma información?

Answer 1

No está disponible, pero si realmente desea tener esta propiedad, puede extender el prototipo nativo del objeto Evento de la siguiente manera:

if (!("path" in Event.prototype))
Object.defineProperty(Event.prototype, "path", {
get: function() {
var path = [];
var currentElem = this.target;
while (currentElem) {
path.push(currentElem);
currentElem = currentElem.parentElement;
}
if (path.indexOf(window) === -1 && path.indexOf(document) === -1)
path.push(document);
if (path.indexOf(window) === -1)
path.push(window);
return path;
}
});

Sin embargo, si yo fuera usted, no ampliaría el prototipo. En su lugar, crearía una función como la mencionada anteriormente.

También cambiaría Event.prototype a MouseEvent.prototype si solo desea cubrir esos tipos de eventos.