Pourquoi « addEventListener » ne fonctionne-t-il pas pour l'événement « copie » dans MSIE ?

Résoudre le problème addEventListener dans MSIE

En Javascript, tenter d'implémenter l'événement 'copy' à l'aide de addEventListener peut entraîner l'erreur suivante dans MSIE :

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

Solution

MSIE s'écarte de l'approche standard addEventListener et nécessite l'utilisation de « attachEvent » à la place. Ceci peut être réalisé grâce à une vérification conditionnelle :

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

Alternativement, une fonction personnalisée peut être créée pour résumer ce processus :

<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 : troisième paramètre (useCapture)

Le troisième argument de addEventListener (« useCapture ») détermine la priorité de gestion des événements. S'il est défini sur true, cela indique que la capture d'événement est souhaitée, où l'événement est géré au niveau des ancêtres de l'élément avant d'atteindre l'élément cible.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!