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

 时间:2024-10-12 03:18:55

1、在html源文件中加入一个input标签,类型设置为text即“文本”,同时增加一个id,用于程序获取。<input type="text" id="textId"></input>

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

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

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

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

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

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

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

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

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

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

html使用获取每个按键事件对应的值
  • asp如何修改数据库里面的用户密码
  • 怎样用js获取css中的背景图片
  • jquery怎样实现鼠标离开图片时边框就消失
  • 如何用PHP往MySQL中插入数据
  • 直接在myeclipse里写代码新建数据库
  • 热门搜索
    中华文化的特点 孕妇可以吃鹅蛋吗 武汉职业技术学院怎么样 天津旅游团 旅游项目 古北口镇旅游攻略 简历求职意向怎么写 求职自我介绍怎么写 word怎么取消页码 野马怎么样