按回车提交表单时如何触发input的blur事件

问题描述 投票:0回答:1
javascript html forms
1个回答
0
投票

但我想知道是否有更干净的方法来做到这一点。

是的,您可以拨打

blur()
上的
document.activeElement
:

document.activeElement.blur()

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      function onBlur(e) {
        console.log("blur  event", e.target);
      }
      function onSubmit(e) {
        e.preventDefault();
        document.activeElement.blur()
        console.log('Submit', e.target)
      }
    </script>
  </head>
  <body>
    <form onSubmit="onSubmit(event)">
      <input name="code" />
      <button>Submit</button>
    </form>
  </body>
</html>

© www.soinside.com 2019 - 2024. All rights reserved.