如何將Enter / Return鍵綁定到用戶定義的功能

Question

我正在開發在一頁上運行並且不會重新加載的應用程序。 我有一個只有輸入類型文本的表單，沒有提交按鈕。 我包含了onchange事件，在用數據填充文本框后，我想在按Enter鍵時執行綁定到onchange事件的函數，但是表單是提交的，並且[它試圖加載新頁面]。 請問我該怎么辦？ 謝謝

Answer 1

您可以在文本框中掛接keypress事件並調用處理程序，然后取消該事件以阻止表單提交：

$("selector_for_your_text_box").keypress(function(event) {
    if (event.which === 13) {
        // call your `change` logic here

        // Cancel the event
        return false;
    }
});

現場例子

Answer 2

這應該工作：

$(function() {
   $('#yourInput').keypress(function(event) {
      var key = event.keyCode || event.which;
      if (key == 13) {
         event.preventDefault();
         // call your function here
   });
});

Answer 3

Yuo可以綁定到輸入上的keypress事件：

$('#inputfieldid').keypress(function() {
  alert('Handler for .keypress() called.');
});

Answer 4

嘗試演示鏈接http://jsfiddle.net/HDkJW/