jQuery | event.which property with Examples
The event.which is an inbuilt property in jQuery which is used to return which keyboard key or mouse button was pressed for the event.
Syntax:
event.which
Parameter: It does not accept any parameter because it is a property not a function.
Return Value: It returns which keyboard key or mouse button was pressed.
Code #1:
In the below code, ascii value of the key is displayed.
< html > < head > </ script > < script > $(document).ready(function() { <!-- jQuery code to show event.which property --> $("input").keydown(function(event) { $("div").html("Key: " + event.which); }); }); </ script > < style > div { margin: 20px; width: 80px; height: 60px; padding: 20px; border: 2px solid green; } </ style > </ head > < body > <!-- Here ascii value of the key will be shown --> < div > < p ></ p > </ div > Name : < input type = "text" > </ body > </ html > |
Output:
Ascii value of “G” is shown-
Code #2:
In the below code, which mouse button was pressed is displayed.
< html > < head > < script </ script > < script > <!-- jQuery code to show event.which property --> $(document).ready(function() { $("div").mousedown(function(event) { $("div").append("< br >Mouse button : " + event.which); }); }); </ script > < style > div { border: 2px solid green; width: 400px; height: 300px; padding: 20px; } </ style > </ head > < body > <!-- click inside and see --> < div style = "" >Click anywhere in this box !!!</ div > </ body > </ html > |
Output:
When left button of mouse is clicked: