Latest web development tutorials

el cual los atributos de eventos

Evento de referencia de objetos Los objetos de evento

Ejemplos

Siendo los valores Unicode pulsando las teclas en el teclado:

var x = event.which;

x La salida es:

119 // 119 es el carácter "w"

Trate »

Parte inferior de este artículo contiene más ejemplos.


Definiciones y uso

declarativa de propiedad OnKeyPress evento de disparo personaje clave valor de código o onkeydown o onkeyup código de la llave evento.

Es la diferencia entre los dos tipos de código:

  • código de caracteres - Indica un carácter ASCII
  • códigos de teclado - representa las teclas numéricas del teclado real

Hay dos tipos de valores no son iguales, por ejemplo, los caracteres en minúscula "w" y mayúscula "W" tienen el mismo código de teclado, ya que son en su teclado ( "W" código "87"), pero tienen diferentes caracteres código, dos personajes no son la misma salida ( "w" y "W" código de caracteres "119" y "87") - Ver los siguientes ejemplos pueden entenderse mejor.

Consejo: Si lo que necesita saber el usuario pulsa la tecla de impresión (por ejemplo, "a" o "5"), se recomienda utilizar el evento onkeypress. Si lo que necesita saber el usuario pulsa una tecla de función (por ejemplo, "F1", "CAPS LOCK" o "Inicio") se puede utilizar onkeydown o evento onkeyup.

Nota: Internet Explorer 8 y versiones anteriores no son compatibles con los atributos. navegador no compatible puede utilizar keyCode propiedad. Sin embargo, las propiedades de código clave en caso de que el navegador Firefox onkeypress no es válido. Compatible con estos navegadores que puede utilizar el siguiente código:

var x = || event.which event.keyCode; // o uso que se keyCode, esto puede soportar diferentes navegadores

Nota: Una lista de todos los caracteres Unicode puede ver nuestra completa manual de referencia Unicode .

Consejo: Si usted necesita para convertir el valor de caracteres Unicode, puede utilizar fromCharCode () método.

Nota: Esta propiedad es de sólo lectura.

Nota: el que keyCode propiedad y proporciona un método para la solución de la compatibilidad del navegador, la última versión del evento DOM recomienda clave de atributo como un método alternativo.

Consejo: Si desea ver si la prensa "ALT", "CTRL", "META" llave o "SHIFT", puede utilizar altKey , ctrlKey , metakey o shiftKey propiedad.


Soporte para el navegador

Las cifras de la tabla representan el primer navegador compatible con el número de versión de propiedad.

propiedad
que 9.0


gramática

.which evento

detalles técnicos

Devuelve: Número que representa el código de caracteres Unicode o código de la llave Unicode
Versión DOM: DOM nivel 2 Eventos


Ejemplos

más ejemplos

Ejemplos

Utilice onkeypress y onKeyDown para demostrar la diferencia entre los códigos de código de caracteres y el teclado:

<Input type = "text" onkeypress = "uniCharCode (evento)" onkeydown = "uniKeyCode (evento)">

función uniCharCode (evento) {
var = Char event.which || event.keyCode; // event.keyCode para IE8 y versiones anteriores
document.getElementById ( "demo") .innerHTML = "código de caracteres Unicode:" + Char;
}

función uniKeyCode (evento) {
clave var = || event.which event.keyCode; // event.keyCode para IE8 y versiones anteriores
document.getElementById ( "demo2") .innerHTML = "código Unicode CLAVE:" + tecla;
}

Cuando se pulsa en el teclado tecla "a" (no utilice el bloqueo de mayúsculas), los resultados de salida son los siguientes:

Unicode código de caracteres: 97
códigos de teclado Unicode: 65

Trate »

Ejemplos

Si pulsa la tecla Esc para que aparezca un mensaje:

<Input type = "text" onkeydown = "myFunction (evento)">

función myFunction (evento) {
var x = || event.which event.keyCode; // event.keyCode para IE8 y versiones anteriores
si (x == 27) {// 27 tecla ESC es
alert ( "Se ha pulsado la tecla Escape !");
}
}

Trate »

Ejemplos

Para convertir los valores Unicode para los caracteres (no disponible para las teclas de función):

var x = || event.which event.keyCode; // Obtiene el valor Unicode
var y = String.fromCharCode (x); // convertir el valor a un personaje

Trate »


Páginas relacionadas

Manual de HTML DOM Referencia: Propiedades evento clave

Manual de Referencia HTML DOM: el evento de la propiedad keyCode

HTML DOM Referencia: Propiedades charCode de eventos

Evento de referencia de objetos Los objetos de evento