Comment puis-je vérifier si un gestionnaire d'événements JavaScript a été défini?

J'ai un JavaScript-fonction qui définit la "onclick"-cas de certains HTML-Nœuds - même si cette "onclick"l'événement a été mis en avant.

Comment puis-je vérifier si l'événement a déjà été réglé, donc je peux étendre ma fonction pour définir l'événement uniquement sur HTML-Nœuds où il n'a pas déjà été créé?

source d'informationauteur user4531

  1. 9

    Vérifier, comme ceci:

    if(typeof someNode.onclick == "function") {
   //someNode has an event handler already set for the onclick event...
}

    Par ailleurs, si vous utilisez une bibliothèque, vous devez vous dire, si vous êtes, il peut être plus facile/plus propre, et diffère en fonction de la bibliothèque dans laquelle vous êtes à l'aide de...

  2. 5

    Il devrait être possible de détecter les gestionnaires d'événements attachés à l'aide de <element>.addEventListener() en interceptant les appels à la fonction:

    var myListOfAddedEvents = [];

var realAddEventListener = HTMLElement.prototype.addEventListener;

HTMLElement.prototype.addEventListener = function(evtType,fn,cap) {
    myListOfAddedEvents.push(
        {on: this, type: evtType, handler: fn, capture: cap}
    );

    return realAddEventListener.apply(this, arguments);
};

    Note: C'est du code non testé et peut-être besoin de quelques travaux. Je suis en espérant cette fonction sera utilisée par tous les types d'éléments, mais je peux me tromper. Aussi, il ne fonctionnera que si vous pouvez exécuter ce morceau de code avant ils commencer à ajouter des événements. Une copie de attachEvent pourrait être construits de la même.

  3. 1
    <input type="button" id="foo" name="foo" value="bar" />

<script type="text/javascript">
    alert(document.getElementById('foo').onclick); //undefined
</script>

    Donc ce que vous voulez faire, c'est quelque chose comme ceci: 

    <script type="text/javascript">
    if (undefined == document.getElementById('foo').onclick)
    {
        //Add event handler
    }
</script>
  4. -2

    une autre alternative, ajout de la classe de l'élément de la

    if(!elem.class.match('hasEvent'))
{
  elem.addEventListener(event, function(){});
  elem.className = elem.className + ' hasEvent';
}