如何在文本框按键上创建触发按键功能

时间:2012-03-05 14:02:36

标签: jquery

你好我是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中执行此操作。

5 个答案:

答案 0 :(得分:1)

谨防使用eval,但这里是如何在jQuery中编写代码:

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

答案 1 :(得分:0)

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

请参阅 http://api.jquery.com/keyup/

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

会为jQuery 1.7做到这一点。如果您使用的是较低版本的jQuery,则可以使用.live() 但jQuery还提供了.keydown(), .keyup().keypress()

等方法

答案 4 :(得分:0)

这将是soln

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