evento.altKey
Función: Detecta si se presiona la tecla Alt cuando ocurre el evento.
Sintaxis: evento.altKey
Valor: verdadero | falso
ilustrar:
El atributo altKey es verdadero para indicar que se presionó y mantuvo la tecla Alt cuando ocurrió el evento, y falso para indicar que no se presionó la tecla Alt.
El atributo altKey se puede usar en combinación con el mouse o el teclado y se usa principalmente para crear algunas operaciones de acceso directo.
evento.ctrlKey
Función: Detecta si se presiona la tecla Ctrl cuando ocurre el evento.
Sintaxis: event.ctrlKey
Valor: verdadero | falso
ilustrar:
Si el atributo ctrlKey es verdadero, significa que se presionó y mantuvo la tecla Ctrl cuando ocurrió el evento. Si es falso, no se presionó la tecla Ctrl.
El atributo ctrlKey se puede usar junto con el mouse o el teclado y se usa principalmente para crear algunas operaciones de acceso directo.
evento.shiftKey
Función: Detecta si se presiona la tecla Shift cuando ocurre el evento.
Sintaxis: event.shiftKey
Valor: verdadero | falso
ilustrar:
Si la propiedad shiftKey es verdadera, significa que se presionó y mantuvo la tecla Shift cuando ocurrió el evento. Si es falsa, no se presionó la tecla Shift.
El atributo shiftKey se puede usar en combinación con el mouse o el teclado y se usa principalmente para crear algunas operaciones de acceso directo.
Ejemplo 1
Ejemplo de operaciones combinadas.
Copie el código de código de la siguiente manera:
<input id="txt1" type="text" value="¡Hola mundo!" onclick="checkAlt(evento)" />
<tipo de script="texto/javascript">
función checkAlt(oEvento)
{
si(oEvent.altKey)
document.getElementById("txt1").select();
}
</script>
El efecto de este código es:
Si mantiene presionada la tecla Alt y hace clic en el cuadro de texto de arriba, puede seleccionar el texto en el cuadro de texto.
Ejemplo 2
Ejemplo de operaciones combinadas.
Copie el código de código de la siguiente manera:
<input id="txt2" type="text" value="¡Hola mundo!" onclick="clearText(evento)" />
<tipo de script="texto/javascript">
función texto claro (oEvento)
{
si (oEvent.ctrlKey && oEvent.keyCode==46)
document.getElementById("txt2").value = "";
}
</script>
El efecto de este código es:
Utilice la combinación de teclas "Ctrl+Supr" para borrar el contenido del cuadro de texto de arriba. (El cuadro de texto debe estar enfocado primero. Este ejemplo solo se aplica al navegador IE).
Ejemplo 3
Ejemplo de operaciones combinadas.
Copie el código de código de la siguiente manera:
<div id="cuadro" onclick="setColor(evento)"></div>
<tipo de script="texto/javascript">
var b = verdadero;
función establecerColor(oEvento)
{
si (oEvent.shiftKey && b)
document.getElementById("box").style.backgroundColor = "azul";
si(oEvent.shiftKey &&!b)
document.getElementById("box").style.backgroundColor = "rojo";
b = !b;
}
</script>
El efecto de este código es:
Mantenga presionada la tecla "Shift" y haga clic en el bloque de color de arriba con el mouse para cambiar el color del bloque de color.