Javascript 将JQuery转换为按键事件的addEventListener

我需要输入一个只接受数字的输入。为此，我创建了一个文本输入，只接受5位长度

<input id="inputNumber" type="text" maxlength="5">

为了只接受数字，我创建了如下jquery代码

$("#inputNumber").keypress(function (value) {
// If the letter is not digit then display error and don't type anything
if (value.which != 8 && value.which != 0 && (value.which < 48 || value.which > 57)) {
return false;
}
else {
return true;
}
});

我尝试将其转换为类型脚本文件的AddEventListner，但失败。我甚至尝试了下面的方法，但再次失败。我怎样才能解决这个问题

---

请参考：

如果您正在寻找类似于js的代码，该代码可能如下所示：

const inputNumber=document.querySelectorinputNumber； inputNumber.addEventListenerkeypress，事件=>{ 如果isNaNevent.key{ 违约事件； 返回false； }否则{ 返回true； } };

---

如果您正在寻找类似于js的代码，则可能如下所示：

const inputNumber=document.querySelectorinputNumber； inputNumber.addEventListenerkeypress，事件=>{ 如果isNaNevent.key{ 违约事件； 返回false； }否则{ 返回true； } }; 请尝试下面的keydown事件并阻止基于keycode的字符

addEventListener'DOMContentLoaded'，事件=>{ var inputNumber=document.getElementById'inputNumber'； inputNumber.addEventListener'keydown'，functionevent{ 如果event.keyCode==46 | event.keyCode==8 | event.keyCode==9 | event.keyCode==27 | event.keyCode==13 | event.keyCode==190 | event.keyCode==110 | event.keyCode==65和event.ctrlKey==true | event.keyCode>=35和event.keyCode 57和event.keyCode<96 | event.keyCode>{ event.preventDefault } } } }; 请尝试下面的keydown事件并阻止基于keycode的字符

addEventListener'DOMContentLoaded'，事件=>{ var inputNumber=document.getElementById'inputNumber'； inputNumber.addEventListener'keydown'，functionevent{ 如果event.keyCode==46 | event.keyCode==8 | event.keyCode==9 | event.keyCode==27 | event.keyCode==13 | event.keyCode==190 | event.keyCode==110 | event.keyCode==65和event.ctrlKey==true | event.keyCode>=35和event.keyCode 57和event.keyCode<96 | event.keyCode>{ event.preventDefault } } } };

---

但它仍然接受文本…我只需要接受数字更新的答案。现在应该没事了。当我在TypeScript中特别是在isNaNevent.key行中使用您的代码时，我遇到了错误。它显示类型事件上不存在属性键。如何解决此问题？将事件更改为事件：KeyboardEvent更改为事件：KeyboardEvent，但获取错误TS2769 TS没有重载与此调用匹配。重载2的第1个，“键入：fullscreenchange | fullscreenerror，侦听器：this:Element，ev:Event=>any，options？：boolean | AddEventListenerOptions | undefined:void”给出了以下错误。但它仍在接受文本…我只需要接受数字更新答案。现在应该没事了。当我在TypeScript中特别是在isNaNevent.key行中使用您的代码时，我遇到了错误。它显示类型事件上不存在属性键。如何解决此问题？将事件更改为事件：KeyboardEvent更改为事件：KeyboardEvent，但获取错误TS2769 TS没有重载与此调用匹配。重载2的第1个，“键入：fullscreenchange | fullscreenerror，侦听器：this:Element，ev:Event=>any，options？：布尔值| AddEventListenerOptions | undefined:void”，出现以下错误。感谢您的回复，但我需要addEventListener“DOMContentLoaded”。。。。。。。。。以上functionality@AbhiSingh请检查使用AddEventLister的更新代码谢谢您的回复，但我需要AddEventLister'DOMContentLoaded'。。。。。。。。。以上functionality@AbhiSingh请检查使用addEventlister的更新代码