Le déclenchement d'un événement avec Prototype

Quelqu'un sait d'une méthode pour déclencher un événement à l'état de Prototype, comme vous pouvez le faire avec jQuery de déclenchement de la fonction?

J'ai lié un écouteur d'événement à l'aide de l'observer méthode, mais je tiens également à être en mesure de déclencher l'événement en programmant.

Merci d'avance

  • Prendre un coup d'oeil sur ma réponse. Il s'agit d'un appui à l'état de prototype...
InformationsquelleAutor Neil Aitken | 2009-01-20
  1. 84

    event.simulate.js s'adapte à vos besoins.

    J'ai utilisé plusieurs fois et il fonctionne comme un charme. Il vous permet de déclencher manuellement le natif événements, en un clic ou de passer le curseur de la sorte:

    $('foo').simulate('click');

    La grande chose à ce sujet est que tous les gestionnaires d'événements seront toujours exécutées, comme si vous avez cliqué sur l'élément de vous-même.

    Pour des événements personnalisés vous pouvez utiliser le prototype de la méthode Événement.le feu().

    • Exactement ce que je cherchais, merci beaucoup
    • Putain de génial! Qui m'a beaucoup aidée. Merci 🙂
    • Très belle interface. Cependant, j'aimerais que .simulate méthode pour aller dans Prototype.js mode natif 🙂
    • Prendre un coup d'oeil sur ma réponse. Il s'agit d'un appui à l'état de prototype...
    • Ce n'worky pour ceux d'entre nous avec le plugin problèmes de licence -- j'ai fini par appeler les fonctions sur les éléments de Prototype suce tellement dur.
    • De grandes choses. Testé dans Firefox, Chrome, Safari et IE (6-8) sur un simple lien anchor lancement d'un lightwindow galerie.
    • Cela prend uniquement en charge le HTML et les événements de la Souris. Vous ne pouvez pas par exemple de déclencher l'événement onchange depuis son Formulaire d'événement. Mais si vous fusionnez Gregs script pour ces cas, puis son très bel outil.
    • HTMLEvents comprend le "changement". Voir w3.org/TR/DOM-Level-2-Events/events.html

    InformationsquelleAutor Aron Rotteveel
  2. 35

    Je ne pense pas qu'il y est un construit dans de Prototype, mais vous pouvez l'utiliser (pas encore testé mais devrait au moins obtenir dans la bonne direction):

    Element.prototype.triggerEvent = function(eventName)
{
    if (document.createEvent)
    {
        var evt = document.createEvent('HTMLEvents');
        evt.initEvent(eventName, true, true);

        return this.dispatchEvent(evt);
    }

    if (this.fireEvent)
        return this.fireEvent('on' + eventName);
}

$('foo').triggerEvent('mouseover');
    • Greg réponse qui fonctionne pour moi, mais il devrait être $('foo').triggerEvent('mouseover'); au lieu de $('foo').fireEvent('mouseover'); ps. désolé im nouveau ici et ne sais pas comment le devis ou un commentaire sur une réponse qui existe déjà... thx
    • vouliez-vous dire $('foo').triggerEvent('mouseover') ?
    • Le Prototype; très agréable!
    InformationsquelleAutor Greg
  3. 5

    J'ai trouvé ce message utile... http://jehiah.cz/archive/firing-javascript-events-properly

    Il couvre un moyen de déclencher des événements dans IE et Firefox.

    function fireEvent(element,event){
    if (document.createEventObject){
        //dispatch for IE
        var evt = document.createEventObject();
        return element.fireEvent('on'+event,evt)
    }
    else{
        //dispatch for firefox + others
        var evt = document.createEvent("HTMLEvents");
        evt.initEvent(event, true, true ); //event type,bubbling,cancelable
        return !element.dispatchEvent(evt);
    }
}
    InformationsquelleAutor John D
  4. 3

    Les réponses ici sont remplies de "Normale" événements", qui sont des événements qui sont définis par l'Utilisateur de l'Agent, mais pour des événements personnalisés, vous devez utiliser le prototype du "feu" de la méthode. par exemple,

    $('something').observe('my:custom', function() { alert('Custom'); });
.
.
$('something').fire('my:custom'); //This will cause the alert to display
    InformationsquelleAutor Haqa