js回车事件键盘的响应顺序

简介: js回车事件键盘的响应顺序

主要思路:在输入完账号密码后点击回车实现登录成功;就是点击回车事件执行后面的代码

获取输入框input进行事件监听,这里event是事件  which是哪一个 13就是回车事件的代表算是

let bys=document.getElementById("pass")
      bys.addEventListener('keyup', function() {
        bys.onkeypress = function(event) {
          if (event.which === 13) {
            // 回车后执行的代码功能
            alert("你好")

键盘的响应顺序 :

当按下键盘时,会连续触发多个事件,它们将按如下顺序发生。

对于字符键来说,键盘事件的响应顺序:keydown → keypress → keyup。

对于非字符键(如功能键或特殊键)来说,键盘事件的相应顺序:keydown → keyup。

如果按下字符键不放,则 keydown 和 keypress 事件将逐个持续发生,直至松开按键。

如果按下非字符键不放,则只有 keydown 事件持续发生,直至松开按键。

这边我用的keup对字符来说,键盘事件响应顺序直接使用了keyup

$("#loginListen") 表示获取id为loginListen的标签元素,这是jQuery的写法,所以在使用时项目中需要先安装jQuery。
 bind(“keydown”, function (e){}),表示绑定keydown事件。
 keyCode == 13表示回车事件。
 $("#loginOp").click();表示id为loginOp的标签点击事件,这个元素标签就是按钮

看我博客 学会回车事件你也可以

看到这里关注一下吧互关啊有死单?

相关文章
|
3月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
52 3
|
1月前
|
JavaScript 前端开发
捕获键盘输入和输入组合键的js库hotkeys
捕获键盘输入和输入组合键的js库hotkeys
|
2月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
72 5
|
3月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
69 6
|
3月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
214 0
|
3月前
|
前端开发 JavaScript 安全
前端JS实现密码校验键盘横竖、26字母、相同字母、相同数字、密码包含用户名、数字 字母不能连续 不能相同三个、不能横向 竖向 连续三个 包含字符、不能有中文符号
该 JavaScript 代码实现了一个严格的密码校验功能,确保密码满足多种安全要求,包括长度、字符类型、不包含中文及特殊字符、不与用户名相似等。通过多个辅助函数,如 `validateFormat` 检查密码格式,`isHasChinaCharFun` 检测中文符号,`getCharAll` 生成键盘组合,以及 `checkPasswordFun` 综合验证密码的有效性和安全性。此工具对于提高用户账户的安全性非常有用。
122 0
|
3月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
67 0
|
3月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
|
2月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
41 1
JavaScript中的原型 保姆级文章一文搞懂
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
127 2