Un cliente tenía una petición curiosa: quería que su web mostrara un menú al pulsar la tecla F11 (habían migrado de una aplicación de escritorio a una web y estaban acostumbrados a pulsar F11 y que saliera eso) ¿Qué ocurre? Pues que F11 es la tecla que activa el modo a pantalla completa del navegador.
¿Se puede hacer esto? Sí, tenía mis dudas pero sí. Tenía mis dudas porque las teclas de función no siempre pueden sobreescribirse para limitar el comportamiento del navegador (por ejemplo, creo que con F5 o con F1 no sería posible). Pero F11, al menos en IE10, Chrome y Firefox sí puede ser deshabilitada. Os dejo el código, es javascript usando la librería jQuery:
$(document).keydown(function(event) { event.preventDefault(); if (event.keyCode == 122) { // 122 es el código de F11 event.originalEvent.keyCode = 0; window.alert("no dejo maximizar"); } });
Lógicamente, en lugar del window.alert ahí ya pondríais el código que queráis ejecutar en vuestra aplicación web.
Hola.
He probado el código y funciona, pero solo cuando no está el alert. Es decir, cuando el mensaje de alerta esta en pantalla si vuelvo a pulsar F11, entra en modo de pantalla completa, por lo que no se cumplen del todo las expectativas. Pero yo lo que ando buscando es un código que haga lo contrario, es decir impedir que se salga del modo de pantalla completa. para este caso solo habría que poner un botón que haga eso. Lo que hasta hora he encontrado es código que lleva a pantalla completa, pero NO el que impide salir de la pantalla completa.