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里写代码新建数据库
  • 热门搜索
    电影手抄报 语文手抄报资料 社会实践手抄报 清明节英语手抄报内容 生命的意义手抄报 快乐读书手抄报内容 二年级上册手抄报 孝敬父母手抄报图片 安全逃生手抄报 清明手抄报资料大全