Sólo me preguntaba si alguien sabe qué eventos HTML5 <input type="number" /> incendios de elementos cuando se hace clic en sus flechas arriba/abajo:¿Qué eventos activa un <input type = "número" /> cuando cambia su valor?
ya estoy usando un onblur para cuando el foco abandona el campo de entrada.
change sería el evento que se dispara cuando cambia el valor del campo.
Creo que el evento HTML5 input también se activará.
El evento onchange se desencadena pero el evento oninput se desencadena a medida que escribe. ¿Tal vez le gustaría poner un temporizador en el evento oninput y disparar su evento onchange cuando el usuario ha dejado de escribir por un segundo?
me encontré con que onkeyup y onchange cubierto todo en Chrome 19. Esta maneja la entrada directa de valor, hasta pulsación de tecla de flecha hacia abajo, haciendo clic en los botones de desplazamiento y la rueda del ratón.
onchange solo sería suficiente en Chrome, pero otros navegadores que solo muestran el campo como un cuadro de texto necesitan el enlace onkeyup, que funciona perfectamente para leer el nuevo valor.
El enlace del evento mousewheel por separado fue menos exitoso. El evento se activó demasiado pronto, antes de que se actualizara el valor del campo. Por lo tanto, siempre proporcionó el valor anterior del campo
Esto también es cierto para Firefox. –
Encontré que para jQuery el siguiente código cubría la entrada del teclado, los cambios de la rueda del mouse y los clics del botón en Chrome, y también manejaba la entrada del teclado en Firefox
$("input[type=number]").bind('keyup input', function(){
// handle event
});
Agregue 'cambio' a eso también y es perfecto. Igual querrás escuchar los cambios externos en él también, y no hay nada de malo en agregarlo de todos modos. –
Y también 'mousewheel' si desea retomar los eventos de desplazamiento dentro del campo de entrada. –
Tenga en cuenta que '.bind()' ahora está en desuso en favor de '.on()' –
Hay una prevención del cambio current bug in Edge o la entrada de disparar al utilizar las teclas de flecha en un número de entrada.
solo 'oninput' se activa cuando se hace clic en las flechas 'arriba' y 'abajo'. –
pero en cambio solo se activa el desenfoque, al menos en Firefox. Supongo que tendremos que buscar presionar la tecla. – andho
onchange y oninput ambos funcionaron en Opera, pero solo oninput funcionaría en Chrome (y solo cuando devolviera false desde el controlador de eventos; de lo contrario, Chrome activaría repetidamente el evento oninput) –