Виконання клавіші Enter у формі HTML, яку подаєте, замість кнопки активації

У мене є форма HTML з одним submitвходом, але також різні buttonелементи. Коли користувач натискає клавішу `` Enter '', я очікував би, що він справді надішле форму, але натомість (принаймні в Chrome 15) я виявляю, що вона запускає першу button(оскільки це відбувається раніше в HTML, ніж submitвведення) , Я вважаю).

Я знаю, що загалом ви не можете змусити браузери віддавати перевагу певному submitвведенню, але я дійсно думав, що вони віддадуть перевагу submitвведенням над buttonелементами. Чи можу я зробити невеликий підхід до HTML, щоб зробити цю роботу, або мені доведеться застосувати якийсь підхід Javascript?

Ось приблизний макет HTML:

<form action="form.php" method="POST">
    <input type="text" name="field1"/>
    <button onclick="return myFunc1()">Button 1</button>
    <input type="submit" name="go" value="Submit"/>
</form>

Вам не потрібен JavaScript, щоб вибрати кнопку або введення за замовчуванням. Вам просто потрібно позначити це type="submit", а інші кнопки позначити їх type="button". У вашому прикладі:

<button type="button" onclick="return myFunc1()">Button 1</button>
<input type="submit" name="go" value="Submit"/>

Ви можете використовувати jQuery:

$(function() {
    $("form input").keypress(function (e) {
        if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
            $('button[type=submit] .default').click();
            return false;
        } else {
            return true;
        }
    });
});

Спробуйте це, якщо натиснута клавіша введення, ви можете зробити це так, наприклад, я розробив відповідь днями кнопку html вказати вибрану , подивіться, чи допомагає це.

Вкажіть назву форми, як, наприклад, yourFormNameтоді ви зможете надіслати форму, не фокусуючись на формі.

document.onkeypress = keyPress;

function keyPress(e){
  var x = e || window.event;
  var key = (x.keyCode || x.which);
  if(key == 13 || key == 3){
   //  myFunc1();
   document.yourFormName.submit();
  }
}

$("form#submit input").on('keypress',function(event) {
  event.preventDefault();
  if (event.which === 13) {
    $('button.submit').trigger('click');
  }
});

Я просто зіткнувся з проблемою з цим. У мене було відмова від зміни inputна a, buttonі я мав погано написаний />термінатор тегів:

Отже, я мав:

<button name="submit_login" type="submit" class="login" />Login</button>

І щойно внесли зміни до нього, щоб:

<button name="submit_login" type="submit" class="login">Login</button>

Зараз працює як шарм, завжди дратівливі дрібниці ... HTH

Враховуючи, що існує лише одна (або з цим рішенням потенційно навіть не одна) кнопка надсилання, ось рішення на основі jQuery, яке працюватиме для кількох форм на одній сторінці ...

<script type="text/javascript">
    $(document).ready(function () {

        var makeAllFormSubmitOnEnter = function () {
            $('form input, form select').live('keypress', function (e) {
                if (e.which && e.which == 13) {
                    $(this).parents('form').submit();
                    return false;
                } else {
                    return true;
                }
            });
        };

        makeAllFormSubmitOnEnter();
    });
</script>

Я щойно закрутив це у Chrome, Firefox та IE10.

Як уже згадувалося вище, переконайтеся, що ви позначили тип = "button", "reset", "submit" тощо, щоб переконатися, що він правильно каскадує та вибрав правильну кнопку.

Можливо, також встановивши, що всі вони мають однакову форму (тобто все, що працювало у мене)