web-dev-qa-db-fra.com

Vous recherchez une liste complète des types d'événements jQuery

Où puis-je trouver une liste complète de tous les événements pris en charge par jQuery (tels que click, mouseup etc.) avec quelques explications lors de leur déclenchement? Je cherche ceux qui peuvent être liés:

$('#foo').bind('click', handler);

Par exemple, je viens de découvrir par accident qu'il existe un événement paste mais je ne trouve aucune référence à celui-ci dans leur documentation. Quoi d'autre est là?

jqueryeventsjavascript-events
72
serg

Une liste non exhaustive se trouve à http://api.jquery.com/category/events/ . Il y a plus d'événements DOM pris en charge via .bind() et .live(). Ces fonctions peuvent affecter un gestionnaire à n’importe quel événement DOM standard. La plupart d’entre eux sont répertoriés avec des tableaux de compatibilité sur http://www.quirksmode.org/dom/events/

La méthode .bind () est le principal moyen d’attacher un comportement à un document. Tous les types d'événements JavaScript, tels que focus, mouseover et redimensionner, sont autorisés pour eventType.

Depuis jQuery 1.7, vous devriez utiliser .on() au lieu de .live() et .bind(). 

47
Andy E

MDN a un bon aperçu de la majorité des événements standard et non standard

https://developer.mozilla.org/en-US/docs/Web/Reference/Events

12
Andres

Vous pouvez consulter la liste complète des événements jQuery: http://api.jquery.com/category/events/

Mais en ce qui concerne l'événement paste que vous avez mentionné, jQuery peut également être lié à des événements DOM standard. Une bonne liste est fournie par MDN https://developer.mozilla.org/en-US/docs/Web/Events

3
afasdfasdf

Cette page répertorie tous les événements qui fonctionnent dans tous les navigateurs à ma connaissance. Vous ne trouverez pas l'événement "coller" ici, car, comme l'ont souligné d'autres personnes, il ne fonctionne pas dans tous les navigateurs.

http://www.authenticsociety.com/jquery/list-all-jquery-events.html

0
InfiniteStack

Je sais que cette question est assez ancienne. Mais afin de donner une réponse actualisée et complète à cette question.

Les méthodes de raccourci sont toujours nommées de la même façon comme les noms d'événements utilisés dans les méthodes on ()/bind ()/live ().

Donc, si vous voulez utiliser n'importe quelle fonctionnalité d'événement de raccourci mais avec on ()/bind ()/live (), vous pouvez simplement prendre le nom de la méthode, omettez les crochets et mettez-les entre guillemets comme suit: "eventname"/'eventname'. Ils devraient se comporter de la même manière.

Ainsi, par exemple: .dblclick () -> 'dblclick' => 

$('a').on('dblclick', function() {  
    console.log("I got double clicked");
}

http://api.jquery.com/category/events/ est une liste complète des méthodes d'événement. (Oui, je sais que je ne suis pas le seul à pointer sur ce site, mais avec mon explication, il s'agit en fait d'une liste complète d'événements pour 'on'/'live'/'bind')

Si vous avez la possibilité d'utiliser on (), vous devriez le faire car on () fait de même et tous les appels à 'bind' et 'live' appellent en fait la fonction 'on'. Voici d'autres preuves à ce sujet: Quelle est la différence entre `on` et` live` ou `bind`?

Certaines personnes ont également posé des questions sur les événements tactiles (mobiles). Je recommande généralement de s’habituer à la méthode d’événement on () car, selon la documentation jQuery Mobile , c’est le seul moyen d’enregistrer des événements tactiles sur des éléments html, ce qui est comparable à la future API de jQuery qui envisage de supprimer bind ( )/live () et toutes les méthodes d’événement de raccourci.

0
MarquisBS