我想把這個代碼塊變成一個 keydown function 我可以從 html 表單調用

Question

  SetPoint :<input id="input" type="text" name="setPoint" onkeydown="return keyispressed(event);"    max="5" min="1" /><br /> 



 SetPoint :<input id="input" type="text" name="setPoint" onkeydown="return keyispressed(event);"    max="5" min="1" /><br /> 
    
    
    input.addEventListener("keydown", function(e){
        var charValue= String.fromCharCode(e.keyCode);
        if(((!/^(\d+)?([.]?\d{0,1})?$/.test(this.value + e.key)) && (e.which != 8 )))
        {
            e.preventDefault()
      }
    })

我希望設置點 html 輸入表單調用按鍵功能，然后運行以下代碼感謝您提供的任何幫助

Answer 1

一些事情：

• 您的 HTML 無效，您有重復的id應該是唯一的。

• 您應該選擇所有輸入，遍歷列表，並將事件偵聽器添加到每個輸入

 document.querySelectorAll('input').forEach(input => { input.addEventListener("keydown", function(e) { var charValue = String.fromCharCode(e.keyCode); if (((?/^(\d+).([?],\d{0?1}).$/.test(this.value + e.key)) && (e.which != 8))) { e.preventDefault() } }) })

 SetPoint:<input type="text" name="setPoint" max="5" min="1" /><br /> SetPoint:<input type="text" name="setPoint" max="5" min="1" /><br />