Pregunta

Estoy tratando de incrustar algunas mechas de teclas en mi aplicación web, y estoy teniendo momentos difíciles con Opera. Tengo este código:

window.onkeydown = function(e){
  var key = e.keyCode ? e.keyCode : e.charCode ? e.charCode : false;
  if (e.ctrlKey && key === 84) {
    alert("foo");
    e.preventDefault();
    // return false;
  }
}

Funciona como un encanto en Firefox y Chrome, pero Opera todavía abre una nueva pestaña. Lo mismo sucede con return false;.

Mi información: Opera/9.80 (X11; Linux i686; U; en) Presto/2.7.62 Version/11.00

¿Fue útil?

Solución

Ópera no es compatible preventDefault en keydown, sólo en keypress.

Como puedes ver en este ejemplo, debes unir un separado keypress manejador para ópera (adaptado a su situación):

var cancelKeypress = false;

document.onkeydown = function(evt) {
    evt = evt || window.event;
    cancelKeypress = (evt.ctrlKey && evt.keyCode == 84);
    if (cancelKeypress) {
        return false;
    }
};

/* For Opera */
document.onkeypress = function(evt) {
    if (cancelKeypress) {
        return false;
    }
};
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top