Problema window.event.keyCode firefox

[cocodj69]

Después de darme cuenta de que el objeto keyCode no funciona en Firefox, utilicé el evento event.wich y funcionó!!

Código Javascript:

function chekcEntry(obj, e){
 
  tecla = (document.all) ? e.keyCode : e.which; 
  return (tecla > 47 && tecla < 58);
 
}
 
<input type="text" name="textField" onkeypress=\"return checkEntry(this, event); />
 

El problema es que según vas escribiendo en el input no hay opción de modificar el input:

Imagina que escribo: 123

Con el cursor todavía en el campo no puedo moverme a través de dichos número, ni borrarlos con el backspace, etc...

¿Alguien tiene alguna solución?

[America|UNK]

Solo estas permitiendo teclas numéricas, averigua el código de las teclas de flechas, backspace y las que quieras permitir y agrégalos a la condición del return, si devuelve false, la tecla no funcionará dentro del campo eso tenlo en cuenta.

[maycolalvarez]

debes de modificar para devolver true en caso de que e keycode corresponda a esas teclas:

backspace: 8
flechas: 37 38 39 40, pero ya las cubres, pero en el evento onkeypress FF devuelve 0 en tecla para ellas.

he aquí mis funciones:

Código Javascript:

var _charmiles = ',';    //separador de miles
var _chardecimal = '.';    //separador de la parte decimal
function inputInt(e,minus){
    var menos = minus || false;
    if(e==null){
        e=event;
    }
    if(e==null){
        e=window.event;
    }
    var tecla = (document.all) ? e.keyCode : e.which;
    //48=0,57=9, 45=menos
    if(tecla==8)return true;//backs
    if(tecla==0 && !document.all)return true;//solo FF en keypress de flechas
    if (tecla==45){
        if (!menos){
            return false;
        }
    }else if(tecla < 48 || tecla > 57){
        return false;
    }
    return true;
}
function inputFloat(e,minus){
    var menos = minus || false;
    if(e==null){
        e=event;
    }
    if(e==null){
        e=window.event;
    }
    var tecla = (document.all) ? e.keyCode : e.which;
    //48=0,57=9, 45=menos
    if(tecla==0 && !document.all)return true;//solo FF en keypress de flechas
    if(tecla==8)return true;//backs
    if(tecla==_chardecimal.charCodeAt(0)) return true; //punto decimal
    if (tecla==45){
        if (!menos){
            return false;
        }
    }else if(tecla < 48 || tecla > 57){
        return false;
    }
    return true;
}
 

uso:
<input type="text" onkeypress="return inputFloat(event,true);" />

[cocodj69]

Perfecto!!

Muchisimas grácias a los 2!!

Iniciado por maycolalvarez

debes de modificar para devolver true en caso de que e keycode corresponda a esas teclas:

backspace: 8
flechas: 37 38 39 40, pero ya las cubres, pero en el evento onkeypress FF devuelve 0 en tecla para ellas.

Es un poco mosqueante lo del comportamiento de los navegadores pero la vida es dura... :)

[AlvaroG]

Si no les molesta, me gustaría hacer una sugerencia:
No prueben por document.all, existe en Opera por "compatibilidad", pero no existe en Firefox ni en ningún navegador basado en WebKit. Es decir, "!document.all" se cumple para Firefox y los webkit, como mínimo. Recuerden que la web no es solamente IE y Firefox.

El tema de la detección de caracteres es muy complejo, fíjense en estos artículo de quirksmode, sobretodo en el tercero que es específico del tema:
http://www.quirksmode.org/js/introevents.html
http://www.quirksmode.org/dom/events/index.html
http://www.quirksmode.org/js/keys.html

Saludos.