type=button 和 type=submit 并按下回车键[重复]

Question

我注意到，当我创建一个带有 type=button 的按钮（在示例登录按钮上）以使用 JavaScript 编写脚本而不刷新页面时，我无法按 Enter 前进。

有解决办法吗？

Answer 1

$(document).ready(function() {
  $(document).on('keypress', function(e) {
    if (e.which == 13){
      $('.button').trigger('click');
    }
  });
  
  $('.button').on('click', function() {
    alert('hi');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text"/>
<input type="button" class="button" value="BUTTON"/>