la méthode addEventListener dans Internet Explorer

Ce qui est l'équivalent de l'Élément de l'Objet dans Internet Explorer 9?

if (!Element.prototype.addEventListener) {
    Element.prototype.addEventListener = function() { .. } 
}

Comment ça fonctionne dans Internet Explorer?

Si il existe une fonction égale à addEventListener et je ne sais pas, expliquer s'il vous plaît.

Toute aide serait appréciée. N'hésitez pas à proposer d'une façon complètement différente de la résolution du problème.

Si un navigateur implémente un prototype de l'héritage de ses objets DOM n'est pas pertinent pour déterminer si elle prend en charge le W3C EventTarget interface. Si vous souhaitez tester de soutien, de tester directement: if(element.addEventListener) {/*supported*/} else {/*not supported*/} est efficace dans tous les navigateurs et est indépendant de la mise en œuvre.

InformationsquelleAutor The Mask | 2011-08-03

140

addEventListener est la bonne DOM de la méthode à utiliser pour la fixation des gestionnaires d'événements.

Internet Explorer (version 8) a utilisé une autre attachEvent méthode.

Internet Explorer 9 prend en charge la bonne addEventListener méthode.

Les éléments suivants doivent être une tentative d'écrire un cross-browser addEvent fonction.
```
function addEvent(evnt, elem, func) {
   if (elem.addEventListener)  //W3C DOM
      elem.addEventListener(evnt,func,false);
   else if (elem.attachEvent) { //IE DOM
      elem.attachEvent("on"+evnt, func);
   }
   else { //No much to do
      elem["on"+evnt] = func;
   }
}
```
- La dernière condition doit également inclure "on"+.
- Pour IE9 et la méthode addEventListener vous avez besoin d'un HTML5 <!DOCTYPE html>
- souhaite que je pourrais en place le droit de vote commentaire plus. Point très important
- Aussi depuis IE9 utilise IE7 mode de rendu en mode de Compatibilité, seul le attachEvent œuvres. Donc, il est important d'avoir cette case au lieu de s'appuyer sur la méthode addEventListener.
InformationsquelleAutor user278064
16

John Resig, auteur de jQuery, a présenté sa version de croix-navigateur de mise en œuvre de addEvent et removeEvent de contourner les problèmes de compatibilité avec IE incorrecte ou inexistante addEventListener.
```
function addEvent( obj, type, fn ) {
  if ( obj.attachEvent ) {
    obj['e'+type+fn] = fn;
    obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
    obj.attachEvent( 'on'+type, obj[type+fn] );
  } else
    obj.addEventListener( type, fn, false );
}
function removeEvent( obj, type, fn ) {
  if ( obj.detachEvent ) {
    obj.detachEvent( 'on'+type, obj[type+fn] );
    obj[type+fn] = null;
  } else
    obj.removeEventListener( type, fn, false );
}
```
Source: http://ejohn.org/projects/flexible-javascript-events/
- Ce code tente de lier rappel fn obj en plus d'ajouter un écouteur d'événement, mais c'est redondante, car tout le monde en utilisant JS devraient déjà savoir sur this.
- Vous avez obtenu plus de votes si vous avait présenté John Resig comme l'auteur de jQuery.
- bon point, mis à jour
- Cette mise en œuvre n'est pas complète. Il manque le useCapture paramètre.
InformationsquelleAutor jchook

Je suis à l'aide de cette solution et travaille dans IE8 ou plus.

if (typeof Element.prototype.addEventListener === 'undefined') {
    Element.prototype.addEventListener = function (e, callback) {
      e = 'on' + e;
      return this.attachEvent(e, callback);
    };
  }

Et puis:

<button class="click-me">Say Hello</button>

<script>
  document.querySelectorAll('.click-me')[0].addEventListener('click', function () {
    console.log('Hello');
  });
</script>

Cela fonctionnera IE8 et Chrome, Firefox, etc.

J'ai un problème avec l'Élément (type n'est pas défini)
vérifiez votre type de document version, ce devrait être un doctype html5

InformationsquelleAutor RTeobaldo

2

Comme Delan a dit, vous voulez utiliser une combinaison de la méthode addEventListener pour les versions plus récentes, et attachEvent pour les plus âgés.

Vous trouverez plus d'informations sur les écouteurs d'événement sur MDN. (Remarque il y a quelques mises en garde avec la valeur de 'cette' dans votre auditeur).

Vous pouvez également utiliser un framework comme jQuery abstraites de la gestion des événements tout à fait.
```
$("#someelementid").bind("click", function (event) {
   //etc... $(this) is whetver caused the event
});
```
InformationsquelleAutor phtrivier

Voici quelque chose pour ceux qui aiment les belles code.

function addEventListener(obj,evt,func){
    if ('addEventListener' in window){
        obj.addEventListener(evt,func, false);
    } else if ('attachEvent' in window){//IE
        obj.attachEvent('on'+evt,func);
    }
}

Sans vergogne volé Iframe-Resizer.

InformationsquelleAutor Eddie

1

addEventListener est pris en charge à partir de la version 9 ans; pour les versions plus anciennes, utilisez le peu similaire attachEvent fonction.

InformationsquelleAutor Delan Azabani

MODIFIER

J'ai écrit un bout de code imiter l'interface EventListener et la ie8, est exigible, même sur des objets simples:
https://github.com/antcolag/iEventListener/blob/master/iEventListener.js

VIEILLE RÉPONSE

c'est une façon pour imiter la méthode addEventListener ou attachEvent sur les navigateurs qui ne supportent pas l'un de ces

espérons, aidera à

(function (w,d) {  //
    var
        nc  = "", nu    = "", nr    = "", t,
        a   = "addEventListener",
        n   = a in w,
        c   = (nc = "Event")+(n?(nc+= "", "Listener") : (nc+="Listener","") ),
        u   = n?(nu = "attach", "add"):(nu = "add","attach"),
        r   = n?(nr = "detach","remove"):(nr = "remove","detach")
/*
 * the evtf function, when invoked, return "attach" or "detach" "Event" functions if we are on a new browser, otherwise add "add" or "remove" "EventListener"
 */
    function evtf(whoe){return function(evnt,func,capt){return this[whoe]((n?((t = evnt.split("on"))[1] || t[0]) : ("on"+evnt)),func, (!n && capt? (whoe.indexOf("detach") < 0 ? this.setCapture() : this.removeCapture() ) : capt  ))}}
    w[nu + nc] = Element.prototype[nu + nc] = document[nu + nc] = evtf(u+c) //(add | attach)Event[Listener]
    w[nr + nc] = Element.prototype[nr + nc] = document[nr + nc] = evtf(r+c) //(remove | detach)Event[Listener]

})(window, document)

InformationsquelleAutor asdru

Je voudrais utiliser ces polyfill https://github.com/WebReflection/ie8

<!--[if IE 8]><script
  src="//cdnjs.cloudflare.com/ajax/libs/ie8/0.2.6/ie8.js"
></script><![endif]-->

InformationsquelleAutor rofrol

Vous devez vous connecter pour publier un commentaire.