JS 回车登录

Vue 回车登录（一）

• 此回车为全局回车方法

 created() {
    this.keyUpSubmit();
  },
  methods: {
    // 回车登录
    keyUpSubmit() {
      document.onkeydown = () => {
        let key = window.event.keyCode;
        if (key === 13) {
          this.handleLogin();
        }
      };
    },

  // 登录按钮方法
  handleLogin() {
  //登录接口
  }

Vue 回车登录（二）

给登录按钮绑定两个点击事件：（代码如下）:

• 回车无效的话，请加修饰符native，例如：@keyup.enter.native="keyDown(e)"

<el-button type="primary" @click="handleLogin" @keyup.enter="keyDown(e)">登录</el-button>

login 是直接点击按钮的登录事件：（代码如下）:

  methods: {
    // 点击回车键登录
    keyDown(e) {
      // 回车则执行登录方法 enter键的ASCII是13
      if (e.keyCode == 13) {
        this.login(); // 定义的登录方法
      }
    },

    // 登录方法
    handleLogin() {
    // 登录接口
    },
    
  },
  mounted() {
    // 绑定监听事件
    window.addEventListener("keydown", this.keyDown);
  },
  destroyed() {
    // 销毁事件
    window.removeEventListener("keydown", this.keyDown, false);
  },

• 局部 input 回车，请查看 https://www.cnblogs.com/DL-CODER/p/16520158.html
• 传送门：https://blog.csdn.net/weixin_45828872/article/details/123322769