基于文本字段值重定向用户输入密钥

时间:2011-11-18 23:37:31

标签: javascript jquery javascript-events

我正在尝试模拟某些软件,我需要用户能够将某些文本输入到字段中,然后根据该文本将它们指向另一个页面。我已经创建了下面的代码,但似乎没有用。我正在使用IE 7,它似乎只是刷新页面,它实际上不会去新的位置。谁知道为什么?使用jquery 1.4.4分钟 *根据评论更新 *仍然无效

<form id="TEST"><input type="text" id="command" tabindex="1"></form>


<script type="text/javascript">
$(document).ready(function() {
$('#command').keypress(function(e) {
    if (e.which === 13) {
        if ($('#command').value === "AI") {
            window.location = "http://www.mozilla.org";
        }
        if ($('#command').value === "BRI") {
            window.location = "http://www.google.com";
        }
        }
    });
    });
</script>

2 个答案:

答案 0 :(得分:5)

以下是有效的:

<form method="post" id="TEST">
<input type="text" id="command" tabindex="1">
</form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"  type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('#command').keydown(function(e) {

    if (e.which === 13) {
      if ($('#command').val() === "AI") {
        window.location = "http://www.mozilla.org";
      }
      if ($('#command').val() === "BRI") {
        window.location = "http://www.google.com";
      }
      return false;
    }
  });
});
</script>

答案 1 :(得分:1)

<form method="post" id="TEST">
<input type="text" id="command" tabindex="1">
</form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"  type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#command').keydown(function(e) {

    if (e.which === 13) {
    if ($('#command').val() === "AI") {
        window.location = "http://www.mozilla.org";
    }
    if ($('#command').val() === "BRI") {
        window.location = "http://www.google.com";
    }
    return false;
    }
   });
   });
 </script>

此表单在按下回车键时正常工作。 如何使用“提交”按钮而不是输入键? 我已经将.keydown更改为.click,.submit但不能正常工作

谢谢