Pourquoi « addEventListener » génère-t-il une erreur dans MSIE ?

Problème MSIE et addEventListener en Javascript

Lors de la tentative d'utilisation de la méthode addEventListener sur l'élément document.getElementById('container') pour exécuter une fonction « avant copie » lors de la copie de contenu sur une page Web, les utilisateurs peuvent rencontrer une erreur « L'objet ne prend pas en charge cette propriété ou cette méthode » dans Internet Explorer (MSIE).

Le problème se pose car MSIE nécessite l'utilisation de attachEvent au lieu de la méthode standard addEventListener. Pour résoudre ce problème, vérifiez si la méthode addEventListener est disponible et utilisez-la si c'est le cas, sinon recourez à attachEvent :

if (el.addEventListener){
  el.addEventListener('click', modifyText, false); 
} else if (el.attachEvent){
  el.attachEvent('onclick', modifyText);
}

Une autre approche consiste à créer une fonction pour effectuer cette tâche :

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

Le troisième argument de addEventListener est useCapture, qui, lorsqu'il est défini sur true, indique que la capture d'événements doit être lancée.

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!