El mouseEvent getModifierState() se usa para devolver el estado de la tecla modificadora especificada que se mantiene presionada cuando ocurre el evento. Devuelve verdadero si se presiona la tecla modificadora especificada y falso si no se presiona.
- Las siguientes teclas modificadoras se activan cuando solo se presionan: Alt, Control, Meta, Shift.
- También hay algunas teclas modificadoras que se activan cuando se hace clic en ellas y se desactivan cuando se vuelve a hacer clic: CapsLock, ScrollLock y NumLock.
Sintaxis:
event.getModifierState(key)
Parámetros :
- tecla: Se refiere a la tecla modificadora. Es sensible a mayúsculas y minúsculas.
Valor devuelto: Devuelve un valor booleano que indica si la tecla modificadora especificada está activada o no.
- verdadero: indica que la tecla modificadora especificada está presionada o activada.
- falso: indica que no se presiona la tecla modificadora especificada.
Ejemplo: En este ejemplo, si CapsLock está activado, se mostrará verdadero, de lo contrario, falso. Para ver el efecto, haga clic en el elemento de entrada después de activar/desactivar CapsLock.
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Mouse Event</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;">
GeeksforGeeks
</h1>
<h2>
mouseEvent getModifierState() Method
</h2>
Input: <input type="text" onmousedown="geek(event)">
<p id="p"></p>
<script>
function geek(event) {
var doc = event.getModifierState("CapsLock");
document.getElementById("p").innerHTML = "Caps Lock activated: " + doc;
}
</script>
</body>
</html>
Salida:
Bloq Mayús Desactivado (inicialmente): 
Bloq Mayús Activado:
Navegadores compatibles: los navegadores compatibles con el método getModifierState() se enumeran a continuación:
- Apple Safari 10.1
- Google Chrome 30.0
- Firefox 15.0
- Ópera 17.0
- Internet Explorer 9.0
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA