Agregue un onBlur a todos los elementos de formulario

Question

Entonces en una página específica tengo un número de elementos de formulario, en cualquier lugar entre 3 y 8, dependiendo del usuario y su acción en la página.

¿Cómo puedo agregar un evento onblur específico a todos los elementos del formulario dinámicamente en la página?

Si tengo:

function doThisOnBlur() { stuff } 

¿Cómo puedo añadir esa misma función a todos ellos una vez que se carga la página. No se crean elementos después de cargar la página, pero pueden aparecer diferentes elementos para diferentes usuarios.

<input type="text" id="x"> 
<input type="text" id="y"> 
<select id="z">...</select> 

¿Es esto posible?

Answer 1

Editar: Para la pregunta actualizado
Uso .blur() y una función anónima para esto (no importa cuántos elementos hay):

$(":input").blur(function() { 
    //do stuff 
}); 

Si necesitas asociar ciertas funciones a ciertos campos , use clases o un attribute selector en el nombre, cualquier cosa para distinguirlos ... si el selector no encuentra un elemento, simplemente no vinculará un controlador de eventos a nada. De esta forma, el mismo código general funciona para todos los usuarios, incluso si solo ven algunos de los elementos de formulario disponibles.

---

Para pregunta original: si los elementos se añadieron dinámicamente después de la página de carga.
creo .live() para capturar el evento blur es lo que está buscando aquí, usando :input como selector:

$(":input").live('blur', function() { 
    //do stuff 
}); 

Answer 2

Sin jQuery:

function doThisOnBlur(){ 
// your fancy code 
} 

var inputs = document.getElementsByTagName('input'); 
var selects = document.getElementsByTagName('select'); 

for (var i = 0; i < inputs.length; i++) 
    inputs[i].onblur = doThisOnBlur; 
for (var i = 0; i < selects.length; i++) 
    selects[i].onblur = doThisOnBlur; 

que la convirtió en la más simple que pude. Refactorizaría eso y no asignaría manejadores de eventos de esta manera, pero apunté para responder a su pregunta.