按Enter键(不工作)或搜索按钮查询结果(工作)

时间:2016-02-29 00:10:46

标签: javascript html

如果单击搜索按钮,结果将正确显示在屏幕上。我希望通过在文本框中输入并按Enter键也能得到相同的结果。问题是当我按回车键时结果没有出现。任何人都知道如何解决这个问题。感谢

这是代码

    <input id="address" type="text" value="Paramus, NJ" />
<input type="button" value="Search" onclick="codeAddress();" />
<div id="info"></div>
<div id="mdiv">
  <div class="mdiv">
    <div class="md">
    </div>
  </div>
</div>

这是一个有问题的fiddle

1 个答案:

答案 0 :(得分:4)

将输入放入表单,将监听器放在表单的提交监听器上,将按钮更改为提交按钮并删除其监听器:

<form onsubmit="codeAddress(); return false;" action="...">
  <input id="address" type="text" value="Paramus, NJ">
  <input type="submit" value="Search">
</form>

由于目前该页面可能无法在任何位置导航,因此我已将return false添加到侦听器。