Question

这是我的代码：

<select name="category" id="category">
             <option value="select" selected="selected" style="display:none;">--Select Search Category--</option>
      <option value="Title">Book Title</option>
      <option value="Subtitle">Book Subtitle</option>
      <option value="BookAccessNumber">Book Access Number</option>
      <option value="Author">Author</option>
      <option value="Publisher">Publisher</option>

    </select> 
            <input type="text" name="keyword" value="" id="keyword" />
             <input type="button" value="Search" onClick="display(category.value,keyword.value)">
              <br/><br/>
              <div id="show_result">
              </div>

在我的代码中，我得到了一些输入值，一个来自组合框，另一个来自文本框，我有一个名为search的按钮。我所做的就是如果单击按钮，它将调用一个名为display()的java脚本函数，该函数用于显示搜索结果。

但是我将事件作为onClick给出，所以只有当我点击按钮时它才有效。按Enter键时它不起作用。我需要做的是，使函数display(）被调用，即使我点击＆＃34;输入＆＃34;太

Answer 1

您可以调用显示方法检查此jsfiddle：

$("input").keypress(function(event) {
    if (event.which == 13) {
        event.preventDefault();
        alert("call display method");
        display();
    }
});

Answer 2

http://jsfiddle.net/naeemshaikh27/cy84t4pz/1/

使用jquery触发器

function display(){
alert('hellow btn clicked');
}

$('.addButton').on('click', display);

$('body').on('keypress','input', function(e){
if (e.keyCode == 13) {
      $('.addButton').trigger("click")
    }    
});

Answer 3

将输入元素包装在form中，并将onclick处理程序移动到表单的onsubmit处理程序。

<form onsubmit="alert('foo'); return false;">
    <input type="text" />
    <input type="submit" />
</form>

Answer 4

 <input type="button" value="Search" onClick="display(category.value,keyword.value)" onKeyDown="if(arguments[0].KeyCode==13){display(category.value,keyword.value)}">

Answer 5

将输入元素移至<form>，并将<input type="button">更改为<input type="submit">。表单会将按Enter键视为点击Submit按钮。因此，表格将被处理。

试试这个：

<form onsubmit="display(category.value,keyword.value)">
    <select name="category" id="category">
        <option value="select" selected="selected" style="display:none;">--Select Search Category--</option>
        <option value="Title">Book Title</option>
        <option value="Subtitle">Book Subtitle</option>
        <option value="BookAccessNumber">Book Access Number</option>
        <option value="Author">Author</option>
        <option value="Publisher">Publisher</option>
    </select> 
    <input type="text" name="keyword" value="" id="keyword" />
    <input type="submit" value="Search" />
</form>
<br/><br/>
<div id="show_result">
</div>

请注意，display(category.value,keyword.value)已移至onsubmit的{{1}}属性。

进入按下时单击按钮

5 个答案: