Pregunta ¿Qué eventos activa un cuando cambia su valor?


Me pregunto si alguien sabe qué eventos es un HTML5 <input type="number" /> el elemento se dispara cuando se hace clic en sus flechas arriba / abajo:

example number input

Ya estoy usando un onblur para cuando el foco abandona el campo de entrada.


76
2017-10-15 07:26


origen


Respuestas:


change sería el evento que se dispara cuando cambia el valor del campo.

Creo que el evento HTML5 input también dispararía.


56
2017-10-15 07:30



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
});

29
2018-04-09 10:37



encontre eso onkeyup y onchange cubrió todo en Chrome 19. Esto maneja la entrada de valor directo, presionando la tecla con la flecha hacia abajo, haciendo clic en los botones y desplazando la rueda del mouse.

onchange solo sería suficiente en Chrome, pero otros navegadores que solo renderizan el campo como un cuadro de texto necesitan onkeyup vinculante, que funciona perfectamente para leer el nuevo valor.

Encuadernación del mousewheel evento por separado fue menos exitoso. El evento se disparó demasiado pronto, antes de que se actualizara el valor del campo, y por lo tanto siempre dio el valor anterior del campo


6
2018-05-24 12:42



los onchange el evento se desencadena en borroso pero el oninput el evento se dispara a medida que escribe. Quizás quieras poner un cronómetro en el oninput evento y despedir a su onchange evento cuando el usuario ha dejado de escribir por un segundo?


3
2017-10-15 07:50



Hay un error actual en Edge evitando que el cambio o la entrada se activen cuando se usan las teclas de flecha en una entrada numérica.


0
2018-02-26 08:02