首页 > 其他分享 >016键盘事件

016键盘事件

时间:2024-10-21 14:21:22浏览次数:6  
标签:keyup keydown 键盘 事件 016 按键

键盘事件主要有两个,keydown按下去触发事件,keyup松手了触发事件



我们举个例子,输出我们在文本框里输入的东西




上面的代码等不到输入回车就都会在控制台显示,为此我们修改代码





常用的按键Vue都弄好了,如果有别的按键,如希望按下大小写切换键CapsLk来调用函数,则可以




注意到tab键应该用keydown而不是keyup,因为该键本身有一个把焦点切走的功能,用keyup抬起来时已经切走了


标签:keyup,keydown,键盘,事件,016,按键
From: https://www.cnblogs.com/lmzzr24/p/18489404

相关文章

  • Nuxt.js 应用中的 build:done 事件钩子详解
    title:Nuxt.js应用中的build:done事件钩子详解date:2024/10/21updated:2024/10/21author:cmdragonexcerpt:build:done是Nuxt.js的一个生命周期钩子,它在Nuxt应用的打包构建器完成运行后被调用。这个钩子为开发者提供了一个在构建过程结束后执行特定逻辑的机会,可......
  • 浏览器中的 事件循环 event loop
    当浏览器碰到异步代码:异步代码会放到队列。队列有两种。微任务队列和宏任务队列。执行栈与任务队列JS在解析一段代码时,会将同步代码按顺序排在某个地方,即执行栈,然后依次执行里面的函数。当遇到异步任务时就交给其他线程处理,待当前执行栈所有同步代码执行完成后,会从一个队列中去......
  • JavaScript的事件处理
    认识事件处理◼Web页面需要经常和用户之间进行交互,而交互的过程中我们可能想要捕捉这个交互的过程:比如用户点击了某个按钮、用户在输入框里面输入了某个文本、用户鼠标经过了某个位置;浏览器需要搭建一条JavaScript代码和事件之间的桥梁;当某个事件发生时,让JavaScr......
  • webAPI中的键盘事件以及线程
    一、常用键盘事件1.键盘事件键盘事件触发条件onkeyup某个键盘按键松开时触发onkeydown某个键盘按键按下时触发onkeypress某个键盘按键按下时触发,但是不识别功能键,比如ctrl、shift和箭头等注意:如果使用document.addEventListener,则不用带ononkeypress和前面2个的区别的......
  • JavaScript事件循环:一杯咖啡的时间,搞懂主线程都经历了什么?
    我们今天来聊聊JavaScript事件循环。虽然这个词听起来很高深,但你可以把它想象成一个奶茶店里排队买奶茶的过程。主线程就像奶茶店的唯一一个店员,任务就是那些排队的订单,而JavaScript的事件循环就是这个店员处理订单的工作方式。先看代码,咱们慢慢聊:console.log('1:进店......
  • Nuxt.js 应用中的 build:before 事件钩子详解
    title:Nuxt.js应用中的build:before事件钩子详解date:2024/10/20updated:2024/10/20author:cmdragonexcerpt:build:before钩子在Nuxt.js中是一种有力的工具,使开发者能够在应用的构建流程开始之前进行自定义处理和配置。在处理动态需求和配置时,开发者可以充......
  • Nuxt.js 应用中的 app:templatesGenerated 事件钩子详解
    title:Nuxt.js应用中的app:templatesGenerated事件钩子详解date:2024/10/19updated:2024/10/19author:cmdragonexcerpt:app:templatesGenerated是Nuxt.js的一个生命周期钩子,在模板编译到虚拟文件系统(VirtualFileSystem,VFS)之后被调用。这个钩子允许开发......
  • Nuxt.js 应用中的 app:templates 事件钩子详解
    title:Nuxt.js应用中的app:templates事件钩子详解date:2024/10/18updated:2024/10/18author:cmdragonexcerpt:app:templates是Nuxt.js中一个强大的生命周期钩子,它在NuxtApp生成过程中调用。这一钩子允许开发者自定义、修改或添加新文件到构建目录,提供了......
  • Nuxt.js 应用中的 build:before 事件钩子详解
    title:Nuxt.js应用中的build:before事件钩子详解date:2024/10/20updated:2024/10/20author:cmdragonexcerpt:build:before钩子在Nuxt.js中是一种有力的工具,使开发者能够在应用的构建流程开始之前进行自定义处理和配置。在处理动态需求和配置时,开发者可以充分利用......
  • 洛谷P3741 小果的键盘(Python)
    海阔凭鱼跃,天高任鸟飞。——宋·阮阅《诗话总龟前集》一、题目传送门https://www.luogu.com.cn/problem/P3741二、代码input()s=list(input().strip())ans="".join(s).count("VK")foriinrange(len(s)):ifs[i]=='V':s[i]='K'......