900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JS获取键盘码并判断按键

JS获取键盘码并判断按键

时间:2023-12-25 02:51:22

相关推荐

JS获取键盘码并判断按键

本文涉及语法:

onkeydown //当键盘按下onkeyup //当键盘被松开onkeypress //按键被按下并释放一个键时even.keyCode //获取键盘码String.fromCharCode() //可接受一个可指定的unicode值,返回一个字符串

代码如下:

<!doctype html><html lang="zh-en"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>原生JavaScript键盘事件</title><link rel="icon" href="/favicon.ico" /><style>*{padding:0;padding-top:10px;margin:0;text-align:center;}#jp,#jptxt {margin-top:30px;width:500px;heihgt:300px;margin:0 auto;}</style></head><body><div id="jp">请按下键盘</div><div id="jptxt"></div><script>//获取键盘按下并激活函数document.onkeydown = function(even){//获取键盘码var jpCode = even.keyCode;//获取键盘上的字母键盘的字母var keychar=String.fromCharCode(jpCode);alert(keychar);//把页面上的id声明到变量中var jpCodeTxt = document.getElementById('jptxt')//打印键盘码到页面上document.getElementById('jp').innerHTML = jpCode;//开始switch循环 ** 用于中文提示switch(jpCode){case 8:jpCodeTxt.innerHTML = "你按了删除键(Backspace)";break;case 13:jpCodeTxt.innerHTML = "你按了确定键(Enter)";break;case 18:jpCodeTxt.innerHTML = "你按了ALT";break;default:jpCodeTxt.innerHTML = "鬼知道你按了什么";break;}} </script></body></html>

转自:/u012038147/article/details/78120922?locationNum=8&fps=1

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。