Chrome. Un verdadero dolor de cabeza al solo capturar teclas.

Celcius · #1 (**permalink**) 21/09/2010, 22:10

Señores,
Estuve buscando por internet (Inclusive paginas en inglés) pero no encuentro lo que necesito. Miren, lo que ocurre es que quiero deshabilitar la tecla F5. Mi cliente solo va a usar Chrome, no va a usar IE ni ningun otro navegador, pero se me ha complicado la tarea de deshabilitar. ¿Qué sugerencia me pueden dar ustedes? miren aquí les pego un codigo que no me funciona a ver que opinan:

Código PHP:

  document.onkeypress = my_onkeydown_handler();

function my_onkeydown_handler() {
    switch (event.keyCode) {
        case 116 : // 'F5'
            event.returnValue = false;
            event.keyCode = 0;
            window.status = "We have disabled F5";
            break;
    }
}

La verdad no he encontrado mucha info en internet sobre el uso de Javascript en Chrome.

masterojitos · #2 (**permalink**) 21/09/2010, 22:59

Intenta poniendo en tu javascript asi:

Código Javascript:

Ver originaldocument.onkeydown = function(){
    if (window.event && window.event.keyCode == 116) return false;
}

Suerte

zerokilled · #3 (**permalink**) 21/09/2010, 23:04

@masterojitos,
window.event solamente existe en iexplorer.

@celcius,
returnValue tambien es para iexplorer. en lugar de returnValue, invoca el metodo preventDefault.

Celcius · #4 (**permalink**) 21/09/2010, 23:09

Hola, hice como me dijiste, pero no ha funcionado... :(

Código Javascript:

Ver originalfunction my_onkeydown_handler() {
    switch (event.keyCode) {
        case 116 : // 'F5'
            event.preventDefault = false;
            event.keyCode = 0;
            window.status = "We have disabled F5";
            break;
    }
}

zerokilled · #5 (**permalink**) 21/09/2010, 23:15

dije invocar metodo... no dije asignar valor false.

Celcius · #6 (**permalink**) 21/09/2010, 23:17

gracias por tu ayuda :)

masterojitos · #7 (**permalink**) 21/09/2010, 23:23

mmmmm

entonces asi ??

Código Javascript:

Ver originaldocument.onkeydown = function(){
    if (event.keyCode == 116) event.preventDefault();
}

zerokilled · #8 (**permalink**) 21/09/2010, 23:27

@masterojitos,
es correcto... pero siempre y cuando la funcion sea asignada como un handler de un evento. o sea, a traves de propiedades de javascript o registrando el evento con addEventListener. si lo invocas como atributo html, entonces tendrias que pasar como parametro el objeto event a la funcion.

masterojitos · #9 (**permalink**) 22/09/2010, 00:02

asi ??

Código Javascript:

Ver originaldocument.onkeydown = function(e){
    if (e.keyCode == 116) e.preventDefault();
}

Cita:

pero siempre y cuando la funcion sea asignada como un handler de un evento. o sea, a traves de propiedades de javascript o registrando el evento con addEventListener.

Esa parte no la entendi :S

zerokilled · #10 (**permalink**) 22/09/2010, 10:25

@masterojitos,
los dos codigos anteriores son practicamente los mismos. en el modelo estandar de DOM Event, el listener o handler -la funcion que captura el evento- recibe un parametro: el objeto event. inclusive si nuestra funcion no le indicamos argumentos aun asi recibe el objeto. si es este ultimo caso, el objeto se puede referenciar de dos formas: por el array arguments, o por el nombre event. este nombre automaticamente se lo asigna el navegador. fijate que no dice window.event, porque ya en este caso se refiere a una propiedad en el ambito global.

al comentario anterior me referia a lo siguiente.

Código:

function fn(){
alert("params: "+arguments.length+"\n"+arguments[0]);
}

// handler asignado por propiedades javascript;
self.onclick = fn;

// handler registrado con funciones del DOM;
self.addEventListener('click', fn, false);

// handler declarado como atributo html;
<body onclick="alert('length: 'arguments.length+'\nobject: '+arguments[0]); fn(arguments[0]);">...</body>

prestale gran atencion al ultimo ejemplo. pareceria dificil de entender por que arguments existe dentro de los eventos como atributos html. simple, los eventos son funciones. en html, aunque estas declarando un atributo, a nivel javascript estas creando una funcion. por tanto, si invocaras la funcion fn sin pasar la referencia del objeto event en el atributo onclick de body, entonces te produce error. a eso me referia con la cita anterior: mientras el evento sea declarado por javascript no vas a tener problema; si lo declaras como atributo asegurarse de pasar como parametro el objeto event.

aclaro que este concepto solamente existe en navegadores que siguen el estandar DOM Event.

netgan · #11 (**permalink**) 02/12/2011, 16:29

Código:

function impideletras(e){

                if(e){
                    if(e.keyCode<48 || e.keyCode>57){
                        e.preventDefault();
                    }
                }
                if(window.event){
                    if(window.event.keyCode<48 || window.event.keyCode>57){
                        window.event.keyCode=0;
                    }
                }
            }

probado en IE y Chrome