HTML5 nos brinda algunos elementos de entrada nuevos para jugar, como <input type=number>
. Esto renderiza (en Chrome) como un cuadro de texto con dos botones de ciclo dentro del cuadro de texto, para incrementar y disminuir el valor numérico dentro del cuadro.Evento para detectar el cambio de un control de número HTML5 en Webkit/Chrome?
Para un proyecto de hobby personal, estoy usando este control. Sin embargo, estoy atascado con un problema:
¿Hay alguna manera de detectar el valor que se cambia mediante un evento javascript? Esperaba que se disparara el evento onChange
, pero no tuve tanta suerte. Además, onClick
solo se activa cuando se hace clic en el contenido del cuadro de texto, no cuando se hace clic en los botones del ciclo.
¿Alguna idea? (Aparte de: bueno, es formularios HTML5, no esperan nada a trabajar todavía!)
Editar: Como mikerobi señala a continuación, el evento onChange se desencadena tan pronto como el elemento pierde el foco. Todavía no es exactamente lo que estoy buscando, ¡así que otros comentarios y sugerencias son bienvenidos!
¿Esto funciona para usted en Safari? Estoy usando Safari 5.0.3 (mac) y el evento de entrada se activa solo cuando cambio el número en el cuadro de texto, no cuando hago clic en esos botones. – expora
Safari v5.0.4 no desencadena un evento 'change' incluso cuando difumina la entrada y no activa un evento' input' al hacer clic en los spinners. Parece ser un error de Safari con ''. – Phrogz
Tenga en cuenta, sin embargo, que el comportamiento es correcto en las últimas compilaciones nocturnas de WebKit, por lo que, con el tiempo, esta corrección debe llegar a Safari. – Phrogz