SyntaxFix

[javascript] Capture key press (or keydown) event on DIV element

Here example on plain JS:

_x000D_
_x000D_ 
document.querySelector('#myDiv').addEventListener('keyup', function (e) {_x000D_
  console.log(e.key)_x000D_
})
_x000D_ 
#myDiv {_x000D_
  outline: none;_x000D_
}
_x000D_ 
<div _x000D_
  id="myDiv"_x000D_
  tabindex="0"_x000D_
>_x000D_
  Press me and start typing_x000D_
</div>
_x000D_
_x000D_
_x000D_

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to jquery

• How to make a variable accessible outside a function? • Jquery assiging class to th in a table • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Getting all files in directory with ajax • Bootstrap 4 multiselect dropdown • Cross-Origin Read Blocking (CORB) • bootstrap 4 file input doesn't show the file name • Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource • how to remove json object key and value.?

Examples related to html

• Embed ruby within URL : Middleman Blog • Please help me convert this script to a simple image slider • Generating a list of pages (not posts) without the index file • Why there is this "clear" class before footer? • Is it possible to change the content HTML5 alert messages? • Getting all files in directory with ajax • DevTools failed to load SourceMap: Could not load content for chrome-extension • How to set width of mat-table column in angular? • How to open a link in new tab using angular? • ERROR Error: Uncaught (in promise), Cannot match any routes. URL Segment

Examples related to scripting

• What does `set -x` do? • Creating an array from a text file in Bash • Windows batch - concatenate multiple text files into one • Raise error in a Bash script • How do I assign a null value to a variable in PowerShell? • Difference between ${} and $() in Bash • Using a batch to copy from network drive to C: or D: drive • Check if a string matches a regex in Bash script • How to run a script at a certain time on Linux? • How to make an "alias" for a long path?

Examples related to keypress

• onKeyDown event not working on divs in React • How can I listen for keypress event on the whole page? • How to handle the `onKeyPress` event in ReactJS? • detect key press in python? • jQuery Keypress Arrow Keys • Submit form on pressing Enter with AngularJS • How to trigger an event in input text after I stop typing/writing? • How to capture Enter key press? • JQuery: detect change in input field • Pressing Ctrl + A in Selenium WebDriver