如何檢測JavaScript上的輸入文本按下鍵

Question

我有這個簡單的文件：

   <!DOCTYPE html>
      <html>
        <body>
        <input id="mytext" onkeypress="myfun(e)"></input>
        <p id="demo"></p>
        <script> function myfun(e){ 
                if(e.keyCode==13) alert('Enter Key Pressed');}
        });
        </script>
        </body>
      </html>

我想要的是：當用戶在mytext上按Enter鍵時，顯示一條警報以通知用戶，例如此消息： Enter Key Pressed

我做了上面的每件事，但是那行不通，在mytext上按Enter鍵也沒有任何警報顯示。

請幫助！..

Answer 1

您可以添加事件偵聽器以監聽onkeypress事件：

document.getElementById('mytext').addEventListener('keypress', function(e) {
    if(e.keyCode == 13) alert('Enter Key Pressed');
});

另外，輸入標簽沒有結束標簽。 這是一個生動的例子

如果要以處理程序的形式內聯調用它，請嘗試以下操作：

 <input id="mytext" onkeypress="myfun(event)"> <p id="demo"></p> <script> function myfun(event){ var key = event.keyCode || event.which; if(key === 13) alert('Enter Key Pressed'); } </script>

您必須使用event作為參數，以確保它可以作為處理程序正常工作。 現在，獲取關鍵代碼並檢查它是否為13，然后發出警報。

Answer 2

當您用myfun（event）替換myfun（e）時，您的代碼有效。 我還糾正了一些語法錯誤。

 <html>
    <body>
        <input id="mytext" onkeypress="myfun(event)"></input>
        <p id="demo"></p>
        <script> 
            function myfun(e){ 
                    if(e.keyCode==13) alert('Enter Key Pressed');
            };
        </script>
    </body>
</html>

如何檢測JavaScript上的輸入文本按下鍵

問題描述

2 個解決方案

解決方案1
2 2016-09-03 03:39:52

解決方案2
0 已采納 2016-09-03 03:49:30

如何檢測JavaScript上的輸入文本按下鍵

問題描述

2 個解決方案

解決方案1 2 2016-09-03 03:39:52

解決方案2 0 已采納 2016-09-03 03:49:30

解決方案1
2 2016-09-03 03:39:52

解決方案2
0 已采納 2016-09-03 03:49:30