如何在普通的元素上实现enter键的绑定

2024年4月29日 158次阅读 来源: 小鱼er

在做登录页面时候，通常当用户输入账号密码后直接按enter键就触发登录按钮了。
如果是input标签，vue中可以绑定按键修饰符，但是如果是其它标签呢。我的做法如下：

document.querySelector('body').addEventListener('keyup', function (e) {
  if (e.keyCode == 13) { // enter 键值 为13
    document.querySelector('.button-keyup').click()
  };
})

在其它标签上加入class button-keyup ,名字可以自己隋边取，只要获取到DOM节点即可。

    原文作者：小鱼er
    原文地址: https://segmentfault.com/a/1190000015276188
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞