javascript - 为什么 find ('input:focus' ) 在 safari 中不起作用

Question

我的以下脚本适用于所有浏览器，但不适用于 Safari， 有人知道这种行为的原因是什么吗？

$(function() {

  $('form').on('submit', function(e) {
    e.preventDefault();
    // alert($(this).serialize());
    alert($(this).find('input:focus').attr('name'));
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="./index.php" method="post" accept-charset="utf-8">
  <input type="hidden" name="foo" value="bar">
  <input type="submit" name="foo[bar]" value="Senden">
</form>

Answer 1

如果您使用 Tab 键导航到输入并按 Enter 键，则它可以在 Safari 中使用。

看来，单击该浏览器中的提交按钮将在触发提交事件之前放弃焦点。

如果您想确定单击了哪个提交按钮，请使用单击事件处理程序。

$(function() {

  var $last_clicked_submit = null;

  $('form').on('click', ":submit", function(e) {
    $last_clicked_submit = $(this);
  });


  $('form').on('submit', function(e) {
    e.preventDefault();
    // alert($(this).serialize());
    alert($last_clicked_submit.attr('name'));
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="./index.php" method="post" accept-charset="utf-8">
  <input type="hidden" name="foo" value="bar">
  <input type="submit" name="foo[bar]" value="Senden">
</form>