jQuery «обработчик события ввода»

Question

У меня возникла проблема с использованием ключа «enter» в качестве события для добавления ввода из «формы» в список. Код ниже работает, но только когда я нажимаю комбинацию «cmd + enter», которая добавляет элемент в мой список и открывает новую вкладку с той же страницей.

То, что я хочу достичь, - это когда поле «форма» находится в фокусе, и я нажимаю клавишу «enter» (не комбинация «cmd + enter»), элемент добавляется в список, и никаких новых дополнительных открывается та же страница. (я тестирую мой код в 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

На самом деле это гораздо проще в использовании .submit вместо .keypress события. Проблема перегрузки страницы легко разрешима, добавив onsubmit = "return false" в html-часть. Таким образом, код должен выглядеть следующим образом: HTML часть:

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

JQuery часть (предполагая, что у вас есть $ (документ) .ready):

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

Answer 2

Вы отсутствуют некоторые });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>'); 
    } 
    }); 
});