类型=按钮和类型=提交,按回车键

type=button and type=submit with pressing enter

本文关键字:类型 回车 提交 按钮      更新时间:2023-09-26

我注意到,当我使用 type=button(在示例登录按钮上)创建一个按钮以使用 JavaScript 编写脚本而不刷新页面时,我无法按 Enter 继续前进。

有解决方法吗?

$(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"/>