El método KeyboardEvent getModifierState() en HTML DOM se usa para devolver si se presionó o activó una tecla modificadora específica. El método KeyboardEvent getModifierState() devuelve verdadero si se presiona la tecla especificada; de lo contrario, devuelve falso.
La lista de teclas que se presionan y luego las teclas modificadoras se activan a continuación:
- alternativa
- Gráfico alternativo
- Control
- Meta
- Cambio
Las teclas modificadoras se activan cuando el usuario hace clic y se desactivan al hacer clic una vez más:
- Bloq Mayús
- Num lock
- ScrollLock
Sintaxis:
event.getModifierState( modifierKey )
El siguiente programa ilustra la propiedad KeyboardEvent getModifierState() en HTML DOM:
Ejemplo: Este ejemplo averigua si la tecla “SHIFT” está presionada o no.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM KeyboardEvent getModifierState() Method
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
KeyboardEvent getModifierState() Method
</h2>
<p>
Check whether the SHIFT key
pressed down or not
</p>
<input type="text" size="20" onkeydown="keyboard(event)">
<p id="test"></p>
<script>
function keyboard(event) {
var s = event.getModifierState("Shift");
document.getElementById("test").innerHTML
= "Is SHIFT being pressed: " + s;
}
</script>
</body>
</html>
Salida:
Antes de pulsar el botón: 
Después de pulsar el botón:
Navegadores compatibles: los navegadores compatibles con el método KeyboardEvent getModifierState() se enumeran a continuación:
- Google Chrome 30.0
- Internet Explorer 9.0
- Firefox 15.0
- Safari 10.1
- Ópera 17.0
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA