Skip to content
Related Articles

Related Articles

Improve Article
How to detect Alt/Option + another key in textarea ?
  • Last Updated : 23 Aug, 2020

In this article, we need to Detect Alt/Option + another key in textarea by using the HTML and JavaScript. It detects both the keys i.e. Alt + h. The onkeydown Event occurs when someone presses a key (on the keyboard).

Syntax:

<textarea onkeydown="newScript" >

Example: The below code illustrates to detect that when the user pressed the Alt + h keys on the textarea. It will produce the alert message.

HTML




<!DOCTYPE html>
<html>
  
<body>
    <h2>GeeksForGeeks</h2>
  
    <h2>
        How to detect Alt/Option +
        another key in textarea?
    </h2>
  
    <textarea onkeydown="myFunction(event);">
    </textarea>
  
    <script>
        function myFunction(e) {
  
            // It check both  altKey + 'A' or 'a' 
            if (e.altKey && e.key === "h") {
                alert(
    "GeeksforGeeks says Detection successfully ");
            }
        }
    </script>
</body>
  
</html>


Note: We can also use ASCII code for detecting the keys.
Output:
  • Before pressing on Alt + h Keys:
  • After pressing on Alt + h Keys

Supported Browsers are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari
My Personal Notes arrow_drop_up
Recommended Articles
Page :