js_solutions Posted July 11, 2020 Share Posted July 11, 2020 Hi, Trying to detect altKey combinations in a text area, but it's not working. In the following example, the code detects ctrl-a, but not alt-a. Why? <!DOCTYPE html> <html> <head> <script> function myFunction(e) { if(e.altKey && e.key=="a") // option-a is not detected console.log("alt-a"); else if(e.ctrlKey && e.key=="a") console.log("ctrl-a"); // ctrl-a is not detected } </script> </head> <body> <p>Press ctrl-a inside the text area. Then, press option-a (alt-a) inside the text area.</p> <textarea id="demo" onkeydown="myFunction(event);"></textarea> </body> </html> Link to comment Share on other sites More sharing options...
JMRKER Posted July 20, 2020 Share Posted July 20, 2020 Ctrl-A is a defined event by the browser. Similar to using Ctrl-X and Ctrl-V to cut-and-paste. I don't think your "myFunction(e)" is checking either keypress as written. Link to comment Share on other sites More sharing options...
shaili_shah Posted July 31, 2020 Share Posted July 31, 2020 Hii, Good morning. This code works with both keys. Thanks! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now