宝哥软件园

JS实现了获取键盘按下的按键并显示在页面上的方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-27

本文描述了JS获取键盘按键并在页面上显示的方法。分享给大家参考,如下:

请用键盘输入一些字符,这些字符会显示在网页的空白处。是不是有些像文本框或者文本框之类的东西缺失了,你觉得相当不习惯?其效果是在JavaScript中应用document.onkeypress对象,监视键盘的每一个动作,并记录按下了哪些键。是不是很有趣?想学习Js的朋友应该从这些小例子开始。

运行效果截图如下:

在线演示地址如下:

http://demo.jb51.net/js/2015/js-web-show-key-press-codes/

具体代码如下:

Htmlheadtitle显示页面上按下的键/title脚本语言=' JavaScript '!-str=' ';函数show key(){ ASC=event . key code;key=String . FromCharCode(ASC);str=keytxt.innerHTML=str} document . onkey press=show key;-/script/headbody,请用键盘输入文字:div id='txt'/div/body/html。希望本文对JavaScript编程有所帮助。

更多资讯
游戏推荐
更多+