- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to find out what character key is pressed in JavaScript?
To find out which characters key is pressed, use the window.event along with keyCode. Following is the code −
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=
1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<form>
<input type="text" onkeypress="return keyPressName(event)" />
</form>
<script>
function keyPressName(myEventKeyName){
var pressedKey;
if(window.event){
pressedKey = myEventKeyName.keyCode;
} else if(myEventKeyName.which)
{
pressedKey = myEventKeyName.which;
}
alert(String.fromCharCode(pressedKey));
}
</script>
</body>
</html>To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output −
Here, I am pressing the character g. This will produce the following output −
After displaying character g when you click on OK button then you will get the following output.
Updated on 01-Sep-2020 11:38:44
- Related Questions & Answers
- JavaScript - Detecting the pressed arrow key
- How to check which key has been pressed using jQuery?
- How to pause a pylab figure until a key is pressed or mouse is clicked? (Matplotlib)
- Check whether Enter key is pressed or not and display the result in console with JavaScript?
- How to find out if an element is hidden with JavaScript?
- How to know which key was pressed in a form input using jQuery?
- How to find out which JavaScript events fired?
- C++ Program to find out the health of a character
- How to find character between brackets in JavaScript RegExp?
- How do I find out the default server character set in MySQL?
- How do we find out if first character of a string is a number in java?
- Find what numbers were pressed to get the word (opposite of phone number digit problem) in JavaScript
- Function to find out palindrome strings JavaScript
- How to find out if capslock is on inside an input field with JavaScript?
- How do you find out the caller function in JavaScript?
Advertisements