养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

html使用获取每个按键事件对应的值

时间:2024-11-12 21:12:56

分享一个使用javascript获取html控件按键值的操作,运行程序后可以通过文本框显示键盘按下的按键对应的键值。

工具/原料

html文件浏览器

方法/步骤

1、在html源文件中加入一个input标签,类型设置为text即“文本”,同时增加一稍僚敉视个id,用于程序获取。<inputtype="text"id=&quo墉掠载牿t;textId"></input>

html使用获取每个按键事件对应的值

2、使用javascript加入一段script,里面包含一个函数keyDownFun用于相应该事件水貔藻疽,window.onkey颊俄岿髭down用于关联相关事件函数。functionkeyDownFun(e){document.getElementById("textId").value=e.keyCode+"KEYDOWN";}window.onkeydown=keyDownFun;//设置windwos按键按下事件响应函数

html使用获取每个按键事件对应的值

3、代码编写完成后就是下面这样,保存然后使用任意浏览器打开。

html使用获取每个按键事件对应的值

4、浏览器执行后,会显示一个按钮,和一个文本框,这个按钮可以忽略,因为是调试的时候忘了删了。

html使用获取每个按键事件对应的值

5、按任意键,文本框将显示该键的键值,比如向上的方向键对应的键值为“38”。

html使用获取每个按键事件对应的值

6、除了直接使用window.onkeydown关联事件意外,还可以使用EventUtil对象,这个对象可以兼容很多浏览器,缺点是这个对象需要自己封装。

html使用获取每个按键事件对应的值

© 一点知识