Как я могу различать нажатие кнопки «Отправить» и нажатие ввести ввод, чтобы отправить форму?

Question

В частности, я не хочу использовать уже рекомендованный метод event.preventDefault() при нажатии клавиши ввода, поскольку это нарушает функциональность для каталогов данных, по крайней мере, в Internet Explorer.

Я пытался что-то вдоль линий

$("#form").submit(function(event){ 
    console.log(event); 
    return false; // Allows me to read the console before the form submits! 
}); 

Чтобы сравнить различия между событиями (нажав кнопку отправки против удара клавишу Enter), и не похоже, чтобы быть чем-то очевидным. Я бы ожидал, что у последнего будет event.keyCode, но это не тот случай.

Долгосрочное обходное решение, о котором я могу думать, похоже, состоит в том, чтобы удалить мою кнопку отправки и заменить ее обычной кнопкой, клик которой связан с отправкой формы. Но в этом случае мне придется записывать нажатия клавиш ввода в вводах и обрабатывать отправку формы с нуля. Уродливый, но выполнимый. Опять же, я делаю NOT хочу применить любые preventDefault() s, если я могу помочь.

Answer 1

Своеобразный Hacky решение, но вы можете связать обработчик события к click на кнопку submit, вместо submit в #form. Затем вы можете проверить, были ли ненулевые координаты, связанные с событием. Если это так, нажата кнопка submit, если нет, нажата клавиша ввода. например

$("input[type='submit']").click(function(event){ 
    if (event.screenX === 0) alert("You hit the enter key!"); 
    else alert("You clicked the submit button!"); 

    return false; // Allows me to read the console before the form submits! 
}); 

JSFiddle Here

Answer 2

Вы можете использовать mousedown событие вместо этого, который не будет срабатывать, нажав клавишу ввода

$('input[type="submit"]').on('mousedown', function() { 

});