你按下了键盘上的哪个键位
本帖最后由 马黑黑 于 2024-2-4 22:07 编辑 <br /><br /><p id="msg">请在下面的文本框获得焦点时按下键盘上的任意一个键：</p><p><br></p>
<p><input id="txtbox" type="text" value="" placeholder="请按任意按键" autofocus /></p>
<script>
txtbox.onkeydown = (e) => {
txtbox.value = '';
msg.innerText = (e.repeat ? '你长按了 ' : '你按下了 ') + e.code;
e.preventDefault();
}
</script>
本帖最后由 马黑黑 于 2024-2-4 22:06 编辑
说明：
文本框有输入光标时为获得焦点，此时边框变粗。
当一楼的文本框获得焦点，按键盘上任意一个键位，键位的原始功能将被屏蔽，比如按F12，初始功能是调出浏览器的控制台，一楼文本框获得焦点时，F12的初始功能被屏蔽掉。不过不是所有的键位原始功能都会被屏蔽，比如Windows键、大写开关键等不会被屏蔽。
然后，键位码会提示在文本框的上方，短按和长按均能识别。所谓短按，就是通常的输入按法，长按就是按下后不立刻松开。 这个好玩，我输入多个按键时，它显示最后的一个字母{:4_173:} 这个是什么命令啊，还能识别键盘上的按键呢{:4_187:} 红影 发表于 2024-2-4 22:16
这个好玩，我输入多个按键时，它显示最后的一个字母
这是检测单键位的，如果你在中文输入状态下，你可以输入多个件，每一次也都能识别，如果并击按下了组合键，它识别最后一个按下的 红影 发表于 2024-2-4 22:17
这个是什么命令啊，还能识别键盘上的按键呢
数字是小键盘上的还是主键盘上的，都能识别，还能识别同名键位的左右方向 真滴能知道欸，介个厉害辣{:6_228:} 马黑黑 发表于 2024-2-4 23:27
数字是小键盘上的还是主键盘上的，都能识别，还能识别同名键位的左右方向
这个太厉害了{:4_187:} 马黑黑 发表于 2024-2-4 23:25
这是检测单键位的，如果你在中文输入状态下，你可以输入多个件，每一次也都能识别，如果并击按下了组合键 ...
哦，对哦，我是在中文输入法的状态下输入的{:4_173:} 红影 发表于 2024-2-5 11:12
哦，对哦，我是在中文输入法的状态下输入的
这个时候也能识别 红影 发表于 2024-2-5 11:11
这个太厉害了
这个封装好的接口，其实也没什么 玩不来，{:4_203:} 樵歌 发表于 2024-2-5 11:41
玩不来，
{:4_190:} 幸运草 发表于 2024-2-5 09:07
真滴能知道欸，介个厉害辣
{:4_181:} 马黑黑 发表于 2024-2-5 11:38
这个时候也能识别
是的，看到显示出来了呢{:4_187:} 马黑黑 发表于 2024-2-5 11:38
这个封装好的接口，其实也没什么
能封装出这样的接口，也很厉害啊{:4_199:} 红影 发表于 2024-2-5 15:25
能封装出这样的接口，也很厉害啊
JS是一门语言，这个是它要做的 马黑黑 发表于 2024-2-5 11:41
客气了{:4_173:} 马黑黑 发表于 2024-2-5 18:49
JS是一门语言，这个是它要做的
它的内容可真多。 红影 发表于 2024-2-5 21:33
它的内容可真多。
编程语言应该做到基本是无所不包的
页:
[1]
2