如何在texbox按鍵上創建觸發onKey函數按

Question

你好我是jquery的新手我正在使用純javascript直到現在。現在我正在嘗試jquery。

HTML

<input id="scriptBox" type="text" onkeypress="return test(event)" /> 

的Javascript

function test(e) { 
    if (e.keyCode == 13) { 
     var tb = document.getElementById("scriptBox"); 
     eval(tb.value); 
     return false; 
    } 
} 

如何jQuery的做到這一點。

Answer 1

小心使用eval的，但在這裏是如何編寫代碼的jQuery：

$('#scriptBox').keypress(function(e) { 
    if(e.keyCode == 13) { 
     eval($('#scriptBox').val()); 
     return false; 
    } 
}); 

Answer 2

$('#scriptBox').keyup(function() { 
    alert('Handler for .keyup() called.'); 
}); 

見 http://api.jquery.com/keyup/

Answer 3

$('#scriptBox').on('keypress', function(e) { 
    if (e.keyCode == 13) { 
     var tb = document.getElementById("scriptBox"); 
     eval(tb.value); 
     return false; 
    } 
}); 

Answer 4

$('#scriptBox').on('keydown',function(e){ 
    if(e.keyCode==13){ 
     eval($('#scriptBox').val()); 
     return false; 
    } 
}); 

會做的jQuery 1.7。如果你正在使用低版本的jQuery，你會用.live()
但jQuery的也提供了像.keydown(), .keyup()方法和.keypress()

Answer 5

工作，這將是

$(document).ready(function(){ 
      $("#scriptBox").keyup(function(){ 
      if(event.which==13) 
      { 
       var data=$("#scriptBox").val(); 
       alert(data); 
      } 
      else 
      return false; 
      }); 
     });