Actionscript 3: Formatear números en tiempo real
Lo primero que tenemos que hacer para ir formateando el texto mientras el usuario escribe es añadir un listener para el evento change al campo de texto:
|
1 |
Texto_txt.addEventListener(Event.CHANGE,textoDentro); |
Es importante que utilicemos el evento Event.CHANGE en lugar del TextEvent.INPUT, ya que el segundo se distribuye antes de que el campo se haya actualizado. Es decir, que si escribimos una «a» en el campo, flash lanza el evento TextEvent.INPUT, actualiza el valor .text del campo y lanza el eveno Event.CHANGE.
Después creamos la función que recoja el evento:
|
1 2 3 4 |
function textoDentro(e:Event):void { e.target.text = formatear(e.target.text.split(".").join("")); e.target.setSelection(e.target.text.length, e.target.text.length); } |
En esta función hacemos dos cosas. Primero cogemos el texto del campo, le quitamos los puntos y lo mandamos a la función que lo va a formatear:
|
1 |
e.target.text = formatear(e.target.text.split(".").join("")); |
Después ponemos el cursor al final del campo para que el usuario pueda seguir escribiendo al final del número:
|
1 |
e.target.setSelection(e.target.text.length, e.target.text.length); |
La función que evalúa el número y le pone los puntos es esta:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
function formatear(strNumber:String):String { while (strNumber.substr(0, 1) == "0") { strNumber = strNumber.substr(1); } var dollar_array:Array = new Array(); var start:Number; var end:Number = strNumber.length; while (end > 0) { start = Math.max(end - 3, 0); dollar_array.unshift(strNumber.slice(start, end)); end = start; } return dollar_array.join("."); } |
Y los archivos fuente:
Descargar fuentes