Detect Enter keypress in html input without jquery

Question

I just want to detect the enter input keypress on my android device. I found out that using jquery, we can do like below:

$('#inputText').keypress(function(event) {
var keycode = event.keyCode || event.which;
if(keycode == '13') {
    alert('You pressed a "enter" key in somewhere');    
}
});

But I don't want to use jquery. I want to use the traditional way like using

document.getElementById('inputText')

But I don't know how to add in the keypress event function. Do you guys have any idea?

Answer 1

Almost the same as in jQuery. Use eventListener and pass an argument e to the function to catch the event and it's keyCode.

var elem = document.getElementById('inputText');
elem.addEventListener('keypress', function(e){
  if (e.keyCode == 13) {
    console.log('You pressed a "enter" key in somewhere');   
  }
});

<input id='inputText'>