KeyboardEvent.key值兼容性要比KeyboardEvent.code值好一些

  • event.keyCode不推荐使用
  • event.which也不推荐使用，官方名称为KeyboardEvent.which
  • 优先使用 event.key或者 event.code来识别按键
  • event.key，可以直接使用语义化的英文单词即可，只需要记住单词规则，首字母大小，每个分词首字母大写

event.code指明按下的是具体哪个物理键，键盘上每一个按键都对应一个唯一的event.code值，均使用大写英文单词表示。

event.key指明具体输入的字符内容，如果是非打印字符（例如Enter键、Esc键、Shift键、Alt键等），则返回具体的非打印字符的英文名称，如果输入内容与输入法有关则返回固定的Process名称

  • 英文输入场景，只需要使用 event.key就可以知道键盘输入的内容
  • 中文输入场景，如果按键的内容和非中文输入法下的内容不一样，则event.key的返回值是固定的Process，表示输入的字符内容和键盘对应的原始内容进行了处理

常用的 event.key

image.png

table 细线表格

设置表格的背景色
设置 td的背景色，透出来的 1px看着像是表格的边框

  1. .table {
  2.       background-color: #A7BFE8;
  3.       font-size: 14px;
  4. }
  5. .table td {
  6.       padding: 4px 8px;
  7.       border: 3px solid #fff;
  8.       background-color: #f9f9f9;
  9. }

https://www.zhangxinxu.com/wordpress/2021/01/js-keycode-deprecated/