jQuery equivalente del método addEventListener de JavaScript

Estoy tratando de encontrar el equivalente jQuery de esta llamada al método JavaScript:

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

He llegado tan lejos como:

$(document).click(select_element);

pero eso no logra el mismo resultado, como el último parámetro del método JavaScript: un valor booleano que indica si el controlador de eventos debe ejecutarse en la fase de captura o burbujeo (según tengo entendido en http://www.quirksmode.org /js/events_advanced.html ): se .

¿Cómo especifico ese parámetro o logro la misma funcionalidad con jQuery?

No todos los navegadores admiten la captura de eventos (por ejemplo, las versiones de Internet Explorer anteriores a la 9 no), pero todos admiten el burbujeo de eventos, por lo que es la fase utilizada para vincular controladores a eventos en todas las abstracciones entre navegadores, incluido jQuery.

Lo más cercano a lo que está buscando en jQuery está usando bind()(reemplazado por on()jQuery 1.7+) o los métodos jQuery específicos del evento (en este caso click(), que llama bind()internamente de todos modos). Todos usan la fase de burbujeo de un evento elevado.

A partir de jQuery 1.7, .on()ahora es el método preferido para vincular eventos, en lugar de.bind() :

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

A partir de jQuery 1.7, el método .on () es el método preferido para adjuntar controladores de eventos a un documento. Para versiones anteriores, el método .bind () se usa para adjuntar un controlador de eventos directamente a los elementos. Los controladores se adjuntan a los elementos seleccionados actualmente en el objeto jQuery, por lo que esos elementos deben existir en el punto en que se produce la llamada a .bind (). Para un enlace de eventos más flexible, vea la discusión sobre la delegación de eventos en .on () o .delegate ().

La página de documentación se encuentra en http://api.jquery.com/on/

Lo más cercano sería la función de enlace:

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

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

Una cosa a tener en cuenta es que los métodos de eventos jQuery no se activan / atrapan loaden embedetiquetas que contienen DOM SVG que se carga como un documento separado en la embedetiqueta. La única forma que encontré para atrapar a unload evento en estos fue usar JavaScript sin procesar.

Esto no funcionará (he probado on/ bind/ loadmétodos):

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

Sin embargo, esto funciona:

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

Ahora debe usar la .on()función para vincular eventos.

Aquí hay un excelente tratamiento en la Red de Desarrollo de Mozilla (MDN) de este problema para JavaScript estándar (si no desea confiar en jQuery o entenderlo mejor en general):

https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener

Aquí hay una discusión sobre el flujo de eventos desde un enlace en el tratamiento anterior:

http://www.w3.org/TR/DOM-Level-3-Events/#event-flow

Algunos puntos clave son:

• Permite agregar más de un controlador para un evento
• Le brinda un control más preciso de la fase cuando el oyente se activa (captura frente a burbujeo)
• Funciona en cualquier elemento DOM, no solo en elementos HTML
• El valor de "esto" pasado al evento no es el objeto global (ventana), sino el elemento desde el cual se dispara el elemento. Esto es muy conveniente.
• El código para los navegadores IE antiguos es simple y se incluye bajo el encabezado "Legacy Internet Explorer y attachEvent"
• Puede incluir parámetros si incluye el controlador en una función anónima