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

Cympros 发布于2019-08-22 18:01 / 1833人阅读

摘要：在做登录页面时候，通常当用户输入账号密码后直接按键就触发登录按钮了。如果是标签，中可以绑定按键修饰符，但是如果是其它标签呢。我的做法如下键值为在其它标签上加入名字可以自己隋边取，只要获取到节点即可。

在做登录页面时候，通常当用户输入账号密码后直接按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节点即可。

云服务器 GPU云服务器云服务器上实现抢票 fec在webrtc中实现 js 按下键的编码在浏览器中实现webrtc视频传输

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95404.html

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

摘要：在做登录页面时候，通常当用户输入账号密码后直接按键就触发登录按钮了。如果是标签，中可以绑定按键修饰符，但是如果是其它标签呢。我的做法如下键值为在其它标签上加入名字可以自己隋边取，只要获取到节点即可。在做登录页面时候，通常当用户输入账号密码后直接按enter键就触发登录按钮了。如果是input标签，vue中可以绑定按键修饰符，但是如果是其它标签呢。我的做法如下： document.q...

kun_jian 2019-08-02 10:41 评论0 收藏0
【Vue原理】Compile - 源码版之 generate 拼接绑定的事件

摘要：写文章不容易，点个赞呗兄弟专注源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究基于版本如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧原理源码版之拼接绑定的事件今天我们写文章不容易，点个赞呗兄弟专注 Vue 源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究...

OnlyMyRailgun 2019-08-26 10:45 评论0 收藏0
JavaScript 编程精解中文第三版十五、处理事件

摘要：事件与节点每个浏览器事件处理器被注册在上下文中。事件对象虽然目前为止我们忽略了它，事件处理器函数作为对象传递事件对象。若事件处理器不希望执行默认行为通常是因为已经处理了该事件，会调用事件对象的方法。来源：ApacheCN『JavaScript 编程精解中文第三版』翻译项目原文：Handling Events 译者：飞龙协议：CC BY-NC-SA 4.0 自豪地采用谷歌翻译部分...

Clect 2019-08-23 18:19 评论0 收藏0