键盘输入按钮答案

【问题标题】：Keyboard enter button on input键盘输入按钮
【发布时间】：2014-11-25 07:05:59
【问题描述】：

任何人都可以教我如何在按下键盘“Enter”时使输入按钮单击？

我从网上学习的东西是这样的，但是当我从键盘按 enter 时它不起作用。谁能告诉我怎么做？？

<input type="text" id="info" name="info" />
<input type="button" id="bn" name="bn" value="click" onclick="read()" />

<script>

$(document).ready(function(){
    $('#info').keypress(function(e){
      if(e.keyCode==13)
      $('#bn').click();
    });
});

function read()
{
// do smth
}
</script>

【问题讨论】：

您的代码应该可以工作。
你的代码没问题。看到它在这里工作：jsfiddle.net/1wt90mty
但是当我点击进入它什么都没有发生...
@JackLee 你用的是什么浏览器？
你在使用脚本之前添加了jQuery库吗？

标签： javascript input enter

【解决方案1】：

试试这个代码：

    <input type="text" id="info" name="info" />
    <input type="button" id="bn" name="bn" value="click" onclick="read()" />

    <script>

    $(document).ready(function(){
    $('#info').keyup(function(e){
      if(e.keyCode==13)
      $('#bn').trigger("click");
    });
});

function read()
{
alert('clicked')
}
    </script>

【讨论】：

【解决方案2】：

我正在添加小提琴：http://jsfiddle.net/nzu27rw4/1/ 确保您已在此脚本顶部添加 jquery 引用

$(document).ready(function(){
    $('#info').keypress(function(e){
      if(e.keyCode==13)
      $('#bn').click();
    });
});

function read()
{
alert('read')
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" id="info" name="info" />
<input type="button" id="bn" name="bn" value="click" onclick="read()" />

【讨论】：