La propiedad de ubicación de KeyboardEvent se usa para devolver un número que indica la ubicación de una tecla en el teclado o dispositivo. La propiedad de ubicación KeyboardEvent se puede usar en los eventos onkeydown y onkeyup pero no en onkeypress .
El número devuelto por la propiedad de ubicación KeyboardEvent está representado por 4 constantes:
| Constante | Ubicación | Descripción |
|---|---|---|
| 0 | DOM_KEY_LOCATION_STANDARD | Este valor representa casi todas las teclas del teclado, por ejemplo, «B», «R», «ESPACIO» u «8». |
| 1 | DOM_KEY_LOCATION_LEFT | Este valor representa una tecla izquierda, por ejemplo, la tecla «CTRL» izquierda o la tecla «ALT» izquierda. |
| 2 | DOM_KEY_LOCATION_RIGHT | Este valor representa una tecla derecha, por ejemplo, la tecla «CTRL» derecha o la tecla «ALT» derecha. |
| 3 | DOM_KEY_LOCATION_NUMPAD | Este valor representa una tecla numérica o una tecla del teclado numérico. |
Sintaxis:
event.location
El siguiente programa ilustra la propiedad de ubicación de KeyboardEvent:
Ejemplo-1: Obtener la ubicación de una clave.
html
<!DOCTYPE html>
<html>
<head>
<title>KeyboardEvent location Property in HTML
</title>
<style>
div {
border: 3px solid green;
height: 100px;
width: 500px;
}
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>KeyboardEvent location Property</h2>
<p>To return the location of a key,
insert some character in the field.</p>
<input type="text"
size="20"
onkeydown="keyboard(event)">
<p id="test"></p>
<script>
function keyboard(event) {
// Return location of key.
var gfg = event.location;
document.getElementById("test").innerHTML =
"Location of the pressed key is : " + gfg;
}
</script>
</body>
</html>
Producción:
Antes de pulsar un botón:
Después de presionar un botón:
Navegadores compatibles:
- Ópera 17
- explorador de Internet 9
- Google cromo 30
- Borde 12
- Firefox 15
- safari de manzana 8
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