Firefox＆SafariでMouseEvent.pathと同等

Question

私はPolymer 1.0を使用していますが、ChromeのボタンをクリックしたときにMouseEventが生成されます。このMouseEventオブジェクトには、クリックされたボタンに対する親要素の順序付き配列であるpathプロパティがあります。 Firefox & Safariでは、プロパティを持たないclickが生成されます。私に同じ情報を与えるclickオブジェクトの同等のプロパティはありますか？

Answer 1

それは利用できませんが、あなたは本当にこのプロパティを持ちたい場合、あなたはそのようなイベントオブジェクトのネイティブプロトタイプを拡張することができます：私はあなただったら、私はいないだろうしかし

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

プロトタイプを拡張する - 私は代わりに上記のような関数を作成するだろう。

また、これらのタイプのイベントのみをカバーする場合は、Event.prototypeをMouseEvent.prototypeに変更します。