Crossbrowser-Entsprechung des explicitOriginalTarget-Ereignisparameters

Question

Kennt jemand Crossbrowser-Äquivalent des explicitOriginalTarget-Ereignisparameters? Dieser Parameter ist Mozilla-spezifisch und gibt mir das Element, das die Unschärfe verursacht hat. Nehmen wir an, ich habe eine Texteingabe und einen Link auf meiner Seite. Texteingabe hat den Fokus. Wenn ich auf den Link klicke, gibt das Blur-Ereignis der Texteingabe mir das Link-Element in Firefox über den Parameter explicitOriginalTarget.

Ich erweitere die onBlur-Methode von Autocompleter.Base, um die Suchergebnisse nicht zu verbergen, wenn das Suchfeld den Fokus auf bestimmte Elemente verliert. Standardmäßig blendet die onBlur-Methode aus, wenn das Suchfeld den Fokus auf ein beliebiges Element verliert.

Autocompleter.Base.prototype.onBlur = Autocompleter.Base.prototype.onBlur.wrap(
function(origfunc, ev) { 
    var newTargetElement = (ev.explicitOriginalTarget.nodeType == 3 ? ev.explicitOriginalTarget.parentNode: ev.explicitOriginalTarget); // FIX: This works only in firefox because of event's explicitOriginalTarget property 
    var callOriginalFunction = true; 
    for (i = 0; i < obj.options.validEventElements.length; i++) { 
     if ($(obj.options.validEventElements[i])) { 
      if (newTargetElement.descendantOf($(obj.options.validEventElements[i])) == true || newTargetElement == $(obj.options.validEventElements[i])) { 
       callOriginalFunction = false; 
       break; 
      } 
     } 
    } 
    if (callOriginalFunction) { 
     return origFunc(ev); 
    } 
} 
); 


new Ajax.Autocompleter("search-field", "search-results", 'getresults.php', { validEventElements: ['search-field','result-count'] }); 

Danke.

Answer 1

Es gibt keine Entsprechung zu ExplicitOriginalTarget in einem anderen als Gecko-basierten Browsern. In Gecko ist dies eine interne Eigenschaft und es sollte nicht von einem Anwendungsentwickler verwendet werden (möglicherweise von XBL-Bindungsschreibern).

Answer 2

Sieht aus wie es entworfen für Programmierer als für Web-Design ...

ich auf beiden Ziele, die Unschärfe/Fokus-Ereignisse würden beobachten ist (oder potentielle Ziele) und ihre Informationen teilen.
Die genaue Implementierung kann tatsächlich vom Zweck abhängen.

Answer 3

Das grobe Äquivalent für Mozillas .explicitOriginalTarget in IE ist document.activeElement. Ich sage grob äquivalent, da es abhängig von Ihren Umständen manchmal eine etwas andere Ebene in der DOM-Knotenstruktur zurückgibt, aber es ist immer noch ein nützliches Werkzeug. Leider bin ich immer noch auf der Suche nach Google Chrome.

Answer 4

Für IE können Sie srcElement verwenden und erzwungen.

if(!selectTag.explicitOriginalTarget) 
    selectTag.explicitOriginalTarget = selectTag.srcElement; 

Answer 5

IE srcElement enthält nicht das gleiche Element wie FF explicitOriginalTarget. Es ist leicht zu sehen: Wenn Sie ein Tastenfeld mit onClick Aktion und ein Textfeld mit onChange Aktion haben, ändern Sie das Textfeld und bewegen Sie den Cursor direkt auf die Schaltfläche und klicken Sie darauf. An diesem Punkt wird der IE srcElement das Textfeld sein, aber das explicitOriginalTarget wird das Tastenfeld sein. Für IE können Sie die x, y-Koordinaten des Mausklicks von den Eigenschaften event.x und event.y abrufen.

Leider bietet der Chrome-Browser weder die explicitOriginalTarget noch die Mauskoordinaten für den Klick. Sie sind auf Ihre eigenen Geräte verlassen, um herauszufinden, wo das onChange Ereignis ausgelöst wurde. Um dies zu tun, kann eine vernünftige Verwendung der Ereignisse mousemove und mouseout eine Mausverfolgung bereitstellen, die dann in dem Handler onChange inspiziert werden kann.

Answer 6

Update 2015 ... Sie können event.relatedTarget in Chrome verwenden. So eine grundlegende Sache, hoffentlich folgen die anderen Browser ...