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?

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?

• javascript
• android
• jquery
• html

6 Answers 6

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'>

document.getElementById("id").onKeyDown = function(event) {

    if (event.keycode === 13) {
        alert("return pressed");
    }

};

Use event.key instead of event.keyCode!

const node = document.getElementById('inputText');
node.addEventListener('keydown', function onEvent(event) {
    if (event.key === "Enter") {
        // Do something
    }
});

Mozilla Docs

Supported Browsers

You can use

document.getElementById('txtBox').onkeypress = function(e) {
  if (!e) e = window.event;
  var keyCode = e.keyCode || e.which;
  if (keyCode == '13') {
    alert("Enter Pressed");

  }
}

<input id="txtBox" type="text" />

You can use addEventListener

document.getElementById('inputText').addEventListener("keypress", function() {});

Do this :

<form onsubmit="Search();" action="javascript:void(0);">
<input type="text" id="searchCriteria" placeholder="Search Criteria"/>
<input type="button" onclick="Search();" value="Search" id="searchBtn"/>