Jquery 如何分配enter键与单击相同的功能?

Jquery 如何分配enter键与单击相同的功能?,jquery,Jquery,我试图让enter键执行与用户单击按钮seejquery时相同的任务。然而,当我尝试keyup和其他事件处理程序时,我无法使其正常工作。关于最简单的方法有什么想法吗 谢谢你的耐心和帮助 参见小提琴: HTML JS 我相信这对你有帮助 试试这个: $("#need-input").on("keydown", function(e) { if(e.keyCode == 13) $("#btn1").click() }); 从回答:为了清楚起见,您希望用户能够在文本框中

我试图让enter键执行与用户单击按钮seejquery时相同的任务。然而,当我尝试keyup和其他事件处理程序时,我无法使其正常工作。关于最简单的方法有什么想法吗

谢谢你的耐心和帮助

参见小提琴:

HTML

JS


我相信这对你有帮助

试试这个:

$("#need-input").on("keydown", function(e) { 
    if(e.keyCode == 13)
        $("#btn1").click() 
});

从回答:

为了清楚起见,您希望用户能够在文本框中按enter键,并让其执行单击按钮所执行的操作?将其放入表单中,以便enter激活提交事件。@Zack:是的,您是对的;我应该更清楚一点,你做过研究吗?这显然是重复的。@CodeGodie:当然,但对于我们这些刚刚开始学习的人来说,重复的并不那么明显。这是重复的答案。而不是回答和创建重复,所以,你需要向他指出重复的来源。哇!简明扼要。关于如何清除文本区域以便用户不必删除每个条目,您有什么想法吗?只是好奇…@Steran只是做了$this.val;之后,在if语句内部。这是一个重复的答案。您需要将他指向重复的来源,而不是在上面回答和创建重复的答案。这是一个重复的答案。你需要让他找到重复的来源,而不是在上面回答和创建重复
$(document).ready(function(){

  // click button, add to list

  $("#btn1").click(function(){
      $("#need-list").append($("<li>", { text: $("#need-input").val()
      }));
  });

  // click list item to hide

  $('ul').on('click', 'li', function(event) {
      $(this).slideUp();
  });

});
$("#need-input").on("keydown", function(e) { 
    if(e.keyCode == 13)
        $("#btn1").click() 
});
$("#need-input").keyup(function (e) {
    var code = e.which; // recommended to use e.which, it's normalized across browsers
    if (code == 13) e.preventDefault();
    if (code == 32 || code == 13 || code == 188 || code == 186) {
        $("#need-list").append($("<li>", {
            text: $("#need-input").val()
        }));
    }
});