Question

我在使用＆＃39;输入＆＃39; -key作为事件来添加＆＃39;表格＆＃39;到列表。下面的代码有效，但只有当我按下＆＃34; cmd +输入＆＃34;组合，它将项目添加到我的列表中并打开具有相同页面的新选项卡。

我愿意实现的目标是什么时候形式＆＃39;字段是焦点，我按“输入＆＃39; -key”（不是＆＃39; cmd +输入＆＃39;组合），该项目将添加到列表中，并且不会使用同一页面打开新的额外选项卡。（我在Firefox 48.0和Safari 9.1.2中测试我的代码）

这是代码的html部分：

<form id="inputWindow"> Type-in here: <input type='text' name='input'></input></form>

这是代码的jQuery部分。

$(document).ready(function() {
 $('#inputWindow').keypress(function(event) {

if (event.which == 13){
var answer = $("input[name=input]").val();
    $('.list').append('<div class="item">' + answer + '</div>');
   });
});

Answer 1

您遗失了一些}); jsfiddle

$(document).ready(function() {
  $('#inputWindow').keypress(function(event) {

     if (event.which == 13){
       var answer = $("input[name=input]").val();
        $('.list').append('<div class="item">' + answer + '</div>');
     }
  });
});

Answer 2

实际上使用.submit而不是.keypress事件要容易得多。通过在html部分添加onsubmit =“return false”，可以轻松解决页面重新加载的问题。所以代码应如下所示： HTML部分：

<form id="inputWindow" onsubmit="return false"> Type-in here: <input type='text' name='input'></input></form>

jQuery部分（假设你有$（document）.ready）：

$('#inputWindow').submit(function() {
var answer = $("input[name=input]").val();
    $('.list').append('<div class="item">' + answer + '</div>');
});

jQuery＆＃39;输入＆＃39; -key事件处理程序

2 个答案: