“按回车键实现页面的登录确认功能”

今天在修改页面样式的时候，老大让我在登录页面增加一个按回车键实现页面登录的确认功能，好久都没写了，所以今天记录一下这个新学到的写法。

之前用到的写法就是在js代码块里去写

例如：

//按回车键实现登录
    $(document).keydown(function (e) {
        // e.Keycode的意思是当前按下的键的数值，用来判断按下的键是否是回车键。
        if (e.keyCode == 13 || e.keycode == 100) {
            // 触发当前绑定元素的点击事件
            $("#loginbutton").click();
        }
    });
-----------------------------------------------------------------------
       
    $('#loginadmin').click(function () {
        // 这里写登录的点击事件
    })

现在可以利用vue生命周期里的钩子函数 created 去写

例如：

  created() {
    var that = this;
    // onkeydown 这个事件在用户按下任何键盘键时发生
    document.onkeydown = function(e) {
      // 获取当前按键的数值
      var key = window.event.keyCode;
      if (key == 13 || key == 100) {
        //login_button是触发登录按钮绑定的事件
        that.login_button(); 
      }
    };
  },

好啦，今天的文章就到这里啦，下班啦~