Question

我只想在我的Android设备上检测输入输入按键。我发现使用jquery，我们可以这样做：

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

但我不想使用jquery。我想使用像

这样的传统方式

的document.getElementById（＆＃39;的inputText＆＃39）

但我不知道如何添加按键事件功能。你们有什么想法吗？

Answer 1

与jQuery几乎相同。使用eventListener并将参数e传递给函数以捕获事件，它是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'>

Answer 2

您可以使用Button button = FindChildByname<Button>(maloprodajaTabGrid, "buttonRefresh");

document.getElementById（＆＃39; inputText＆＃39;）。addEventListener（＆＃34; keypress＆＃34;，function（）{}）;

Answer 3

您可以使用

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 4

vm.documentData

Answer 5

这样做：

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

Answer 6

使用event.key代替event.keyCode！

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

Mozilla Docs

Supported Browsers

检测在没有jquery的情况下在html输入中输入按键

6 个答案: