如何用JavaScript编写代码监听键盘事件?

更新于
2026-09-25 14:35:56
1阅读来源:SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计759个文字,预计阅读时间需要4分钟。

如何用JavaScript编写代码监听键盘事件?

在编写网页时,经常需要监听键盘事件,以便观察如何实现。监听方式为全局监听,函数为keyboard()。键盘事件类型为keyup,触发条件为按键按下并释放。

在写网页的时候,常常需要监听键盘事件,让我们来看看如何实现吧。

监听方式

键盘事件往往是全局监听,设监听的函数为keyboard()。

keyup事件类型。该类型触发条件为按键按下去并松开。

//长按并松开只触发一次
document.addEventListener('keyup', keyboard);
document.onkeyup = keyboard; //记得不要加括号!

keydown事件类型。该类型触发条件为按键按下去。

//长按可以触发多次
document.addEventListener('keydown', keyboard);
document.onkeydown = keyboard;

keypress事件类型。该类型触发条件为按键按下去且产生了字符。

阅读全文

本文共计759个文字,预计阅读时间需要4分钟。

如何用JavaScript编写代码监听键盘事件?

在编写网页时,经常需要监听键盘事件,以便观察如何实现。监听方式为全局监听,函数为keyboard()。键盘事件类型为keyup,触发条件为按键按下并释放。

在写网页的时候,常常需要监听键盘事件,让我们来看看如何实现吧。

监听方式

键盘事件往往是全局监听,设监听的函数为keyboard()。

keyup事件类型。该类型触发条件为按键按下去并松开。

//长按并松开只触发一次
document.addEventListener('keyup', keyboard);
document.onkeyup = keyboard; //记得不要加括号!

keydown事件类型。该类型触发条件为按键按下去。

//长按可以触发多次
document.addEventListener('keydown', keyboard);
document.onkeydown = keyboard;

keypress事件类型。该类型触发条件为按键按下去且产生了字符。

阅读全文