关于html中焦点输入按钮和登录按钮的冲突

<script>
  function handleKeyPress(event) {
    if (event.keyCode === 13) { // 13代表回车键
      event.preventDefault(); // 阻止默认的提交行为
      document.getElementById("loginButton").click(); // 手动触发登录按钮的点击事件
    }
  }
</script>

<form>
  <input type="text" onkeypress="handleKeyPress(event)" />
  <button id="loginButton" onclick="login()">登录</button>
</form>

<style>
  input:focus {
    outline: none; /* 移除焦点样式 */
    /* 添加其他焦点样式，如边框、背景色等 */
  }
</style>

<form>
  <input type="text" />
  <button onclick="login()">登录</button>
</form>