équivalent jQuery de la méthode addEventListener de JavaScript

Question

J'essaie de trouver l'équivalent jQuery de cet appel de méthode JavaScript :

document.addEventListener('click', select_element, true);

Je suis allé aussi loin que :

$(document).click(select_element);

mais cela ne permet pas d'obtenir le même résultat, car le dernier paramètre de la méthode JavaScript - un booléen qui indique si le gestionnaire d'événements doit être exécuté dans la phase de capture ou de bulle (d'après ce que j'ai compris de la méthode http://www.quirksmode.org/js/events_advanced.html ) - est laissé de côté.

Comment puis-je spécifier ce paramètre, ou obtenir la même fonctionnalité, en utilisant jQuery ?

Answer 1

Tous les navigateurs ne prennent pas en charge la capture d'événements (par exemple, les versions d'Internet Explorer inférieures à 9 ne le font pas), mais tous prennent en charge le bouillonnement d'événements, c'est pourquoi c'est la phase utilisée pour lier les gestionnaires aux événements dans toutes les abstractions inter-navigateurs, y compris celles de jQuery.

Ce qui se rapproche le plus de ce que vous recherchez dans jQuery est d'utiliser bind() (remplacée par on() dans jQuery 1.7+) ou les méthodes jQuery spécifiques à un événement (dans ce cas, click() qui appelle bind() en interne de toute façon). Tous utilisent la phase de bouillonnement d'un événement soulevé.

Answer 2

À partir de jQuery 1.7, .on() est maintenant la méthode préférée pour lier les événements, plutôt que .bind() :

De http://api.jquery.com/bind/ :

À partir de la version 1.7 de jQuery, la méthode .on() est la méthode préférée pour attacher des gestionnaires d'événements à un document. Dans les versions antérieures, la méthode .bind() est utilisée pour attacher un gestionnaire d'événements directement à des éléments éléments. Les gestionnaires sont attachés aux éléments actuellement sélectionnés dans l'objet jQuery, et ces éléments doivent donc exister au moment où l'appel est effectué. à .bind(). Pour une liaison d'événements plus souple, consultez la discussion de la délégation d'événements dans .on() ou .delegate().

La page de documentation se trouve à l'adresse suivante http://api.jquery.com/on/

Answer 3

La fonction la plus proche serait la fonction de liaison :

http://api.jquery.com/bind/

$('#foo').bind('click', function() {
  alert('User clicked on "foo."');
});

Answer 4

Une chose à noter est que les méthodes d'événements de jQuery ne déclenchent pas de pièges. load en embed qui contiennent le DOM SVG qui se charge en tant que document séparé dans le fichier embed étiquette. Le seul moyen que j'ai trouvé pour piéger un load sur ces derniers devaient utiliser du JavaScript brut.

Cela ne fonctionnera pas (j'ai essayé on / bind / load méthodes) :

$img.on('load', function () {
    console.log('FOO!');
});

Cependant, cela fonctionne :

$img[0].addEventListener('load', function () {
    console.log('FOO!');
}, false);

Answer 5

Vous devriez maintenant utiliser le .on() pour lier les événements.