Warum funktioniert „addEventListener' nicht für das „copy'-Ereignis in MSIE?

Beheben des addEventListener-Problems in MSIE

In Javascript kann der Versuch, das „Kopieren“-Ereignis mit addEventListener zu implementieren, zu dem folgenden Fehler führen MSIE:

<code class="javascript">document.getElementById('container').addEventListener('copy',beforecopy,false );
Object doesn't support this property or method</code>

Lösung

MSIE weicht vom standardmäßigen addEventListener-Ansatz ab und erfordert stattdessen die Verwendung von „attachEvent“. Dies kann durch eine bedingte Prüfung erreicht werden:

<code class="javascript">if (el.addEventListener){
  el.addEventListener('click', modifyText, false); 
} else if (el.attachEvent){
  el.attachEvent('onclick', modifyText);
}</code>

Alternativ kann eine benutzerdefinierte Funktion erstellt werden, um diesen Prozess zu abstrahieren:

<code class="javascript">function bindEvent(el, eventName, eventHandler) {
  if (el.addEventListener){
    el.addEventListener(eventName, eventHandler, false); 
  } else if (el.attachEvent){
    el.attachEvent('on'+eventName, eventHandler);
  }
}
//...
bindEvent(document.getElementById('myElement'), 'click', function () {
  alert('element clicked');
});</code>

Bonus: Dritter Parameter (useCapture)

Das dritte Argument von addEventListener („useCapture“) bestimmt die Priorität der Ereignisbehandlung. Wenn es auf „true“ gesetzt ist, bedeutet dies, dass eine Ereigniserfassung gewünscht ist, wobei das Ereignis bei den Vorgängern des Elements verarbeitet wird, bevor es das Zielelement erreicht.

Das obige ist der detaillierte Inhalt vonWarum funktioniert „addEventListener' nicht für das „copy'-Ereignis in MSIE?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!