javascript event e.which?

Question

¿Cuál es la funcionalidad del evento javascript e.which? Por favor, breve con el ejemplo.

Answer 1

e.which no es un evento, which es una propiedad del objeto event, que la mayoría de la gente etiqueta como e en sus controladores de eventos. Contiene el código de tecla de la tecla que se presionó para activar el evento (por ejemplo: keydown, keyup).

document.onkeypress = function(myEvent) { // doesn't have to be "e" 
    console.log(myEvent.which); 
}; 

Con ese código, la consola imprimirá el código de cualquier tecla que presione en el teclado.

Answer 2

which es una propiedad de objetos Event. Se define para eventos relacionados con la clave y el mouse en la mayoría de los navegadores, pero en ambos casos no está definido en IE (antes de la versión 9).

Para eventos relacionados con el mouse, which especifica el botón del mouse que estaba involucrado. Para IE < 9, el valor equivalente se encuentra en window.event.button. Para complicar las cosas, los navegadores no IE también admiten una propiedad button de eventos de mouse que a veces informa un valor diferente de which. Además, los navegadores a veces tienen diferentes valores para el mismo botón o combinación de botones. Si usted se pega a la utilización de which en todos los navegadores que lo soportan y button < en IE 9, la única constante es que un valor de 1 significa siempre el botón izquierdo del ratón estaba implicado (aunque no necesariamente solo).

document.onmousedown = function(e) { 
    e = e || window.event; 
    var button = (typeof e.which != "undefined") ? e.which : e.button; 
    if (button == 1) { 
     alert("Left mouse button down"); 
    } 
}; 

Para un análisis completo, recomiendo Jan Wolter's article on JavaScript mouse events.

Para eventos relacionados con la clave, which se relaciona con la tecla que se ha presionado. Para keydown y keyup eventos, esto es relativamente simple: es el código de tecla para la tecla pulsada, y devuelve el mismo valor que la propiedad del evento keyCode. Dado que todos los navegadores admiten la propiedad keyCode y IE < 9 no es compatible con which, generalmente debe usar keyCode para los eventos keydown y keyup.

Para keypress acontecimientos, la situación es más complicada. Para las teclas de caracteres imprimibles, which es el código de carácter para la tecla presionada y es compatible con más navegadores que la propiedad charCode. En IE < 9, el equivalente es nuevamente la propiedad keyCode. Entonces, para detectar el carácter escrito, el siguiente es un enfoque de navegador cruzado. Tenga en cuenta que el código de abajo no debe utilizarse para las llaves no imprimibles, como las teclas de flecha, que en su lugar debe detectar en caso keydown:

document.onkeypress = function(e) { 
    e = e || window.event; 
    var charCode = (typeof e.which == "number") ? e.which : e.keyCode; 
    if (charCode) { 
     alert("Character typed: " + String.fromCharCode(charCode)); 
    } 
}; 

Una vez más, para más detalles recomiendo Jan Wolter's article on JavaScript key events

Answer 3

Este la función se ha eliminado de los estándares web. Aunque algunos navegadores aún pueden soportarlo, está en proceso de descarte. No lo use en proyectos antiguos o nuevos. Las páginas o aplicaciones web que lo usan pueden romperse en cualquier momento.

En su lugar, debe usar KeyboardEvent.key, si está disponible.

http://codepen.io/KevinOrfas/pen/QKbKAd

Answer 4

Durante un evento, e:

e.which 

es igual que:

e.keyCode 

Así ambas funciones le permiten obtener el código clave de la tecla pulsada durante una pulsación de tecla, evento de keydown o keyup

Muchas personas use || (O) para asegurarse de que su código funcione en los navegadores que no admiten esa propiedad. Mira el siguiente código:

document.onkeypress = function(e) { 
    var key = e.which || e.keyCode; 
    alert(key); 
}