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