首页 文章

进入按下时单击按钮

提问于
浏览 次
0

这是我的代码：

<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)">
              


              <div id="show_result">
              </div>

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

但是我将事件作为onClick给出，所以只有当我点击按钮时它才有效 . 当我按回车键时它不起作用 . 我需要做的是，使函数 display( ）被调用，即使我也打了"enter" .

javascript jquery html

5 回答

  • 0

    你可以调用显示方法检查这个jsfiddle：

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

    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")
    }    
});
    回复于
  • 2

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

    <form onsubmit="alert('foo'); return false;">
    <input type="text" />
    <input type="submit" />
</form>
    回复于
  • 0
    <input type="button" value="Search" onClick="display(category.value,keyword.value)" onKeyDown="if(arguments[0].KeyCode==13){display(category.value,keyword.value)}">
    回复于
  • 0

    将输入元素移动到 <form> 并将 <input type="button"> 更改为 <input type="submit"> . 单击 Submit 按钮时，表单将处理 Enter 键的按下 . 因此，表格将被处理 .

    试试这个：

    <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>


    
<div id="show_result">
</div>

    请注意 display(category.value,keyword.value) 被移动到 form 的 onsubmit 属性 .

    回复于

相关问题