[tslint] keyCode is deprecated. (deprecation)_花心小坚果的博客

相关文章推荐
英俊的海龟 · 贵州磷化集团与宁德时代电池产业合作项目集中开工· 2 月前 ·
任性的风衣 · 联合学士学位：复合型人才培养的新选择_项目· 2 月前 ·
着急的回锅肉 · 南极考察相关知识__科技时代_新浪网· 1 年前 ·
逆袭的甘蔗 · 90后都心动了！猎豹这款新车颜值在线 ...· 1 年前 ·
踏实的移动电源 · 【丰田2022款广汽丰田bZ4X ...· 1 年前 ·
最近在写项目时发现之前一直能用的键盘事件keyCode属性被ts规范提示说要被废弃了
在这里插入图片描述
于是便去寻找代替的方法，以esc事件为例(上图ESCAPE为一个变量，值为27)，发现现在应该改为(属性keyCode => key ，对应值由number类型 => string类型)，写法为下图所示

下图是变量名对照表例如 MAC_ENTER 改为 MacEnter 即可(没有全部试过不过应该都能用，希望能帮到刚好需要的人)
export declare const MAC_ENTER = 3;
export declare const BACKSPACE = 8;
export declare const TAB = 9;
export declare const NUM_CENTER = 12;
export declare const ENTER = 13;
export declare const SHIFT = 16;
export declare const CONTROL = 17;
export declare const ALT = 18;
export declare const PAUSE = 19;
export declare const CAPS_LOCK = 20;
export declare const ESCAPE = 27;
export declare const SPACE = 32;
export declare const PAGE_UP = 33;
export declare const PAGE_DOWN = 34;
export declare const END = 35;
export declare const HOME = 36;
export declare const LEFT_ARROW = 37;
export declare const UP_ARROW = 38;
export declare const RIGHT_ARROW = 39;
export declare const DOWN_ARROW = 40;
export declare const PLUS_SIGN = 43;
export declare const PRINT_SCREEN = 44;
export declare const INSERT = 45;
export declare const DELETE = 46;
export declare const ZERO = 48;
export declare const ONE = 49;
export declare const TWO = 50;
export declare const THREE = 51;
export declare const FOUR = 52;
export declare const FIVE = 53;
export declare const SIX = 54;
export declare const SEVEN = 55;
export declare const EIGHT = 56;
export declare const NINE = 57;
export declare const FF_SEMICOLON = 59;
export declare const FF_EQUALS = 61;
export declare const QUESTION_MARK = 63;
export declare const AT_SIGN = 64;
export declare const A = 65;
export declare const B = 66;
export declare const C = 67;
export declare const D = 68;
export declare const E = 69;
export declare const F = 70;
export declare const G = 71;
export declare const H = 72;
export declare const I = 73;
export declare const J = 74;
export declare const K = 75;
export declare const L = 76;
export declare const M = 77;
export declare const N = 78;
export declare const O = 79;
export declare const P = 80;
export declare const Q = 81;
export declare const R = 82;
export declare const S = 83;
export declare const T = 84;
export declare const U = 85;
export declare const V = 86;
export declare const W = 87;
export declare const X = 88;
export declare const Y = 89;
export declare const Z = 90;
export declare const META = 91;
export declare const MAC_WK_CMD_LEFT = 91;
export declare const MAC_WK_CMD_RIGHT = 93;
export declare const CONTEXT_MENU = 93;
export declare const NUMPAD_ZERO = 96;
export declare const NUMPAD_ONE = 97;
export declare const NUMPAD_TWO = 98;
export declare const NUMPAD_THREE = 99;
export declare const NUMPAD_FOUR = 100;
export declare const NUMPAD_FIVE = 101;
export declare const NUMPAD_SIX = 102;
export declare const NUMPAD_SEVEN = 103;
export declare const NUMPAD_EIGHT = 104;
export declare const NUMPAD_NINE = 105;
export declare const NUMPAD_MULTIPLY = 106;
export declare const NUMPAD_PLUS = 107;
export declare const NUMPAD_MINUS = 109;
export declare const NUMPAD_PERIOD = 110;
export declare const NUMPAD_DIVIDE = 111;
export declare const F1 = 112;
export declare const F2 = 113;
export declare const F3 = 114;
export declare const F4 = 115;
export declare const F5 = 116;
export declare const F6 = 117;
export declare const F7 = 118;
export declare const F8 = 119;
export declare const F9 = 120;
export declare const F10 = 121;
export declare const F11 = 122;
export declare const F12 = 123;
export declare const NUM_LOCK = 144;
export declare const SCROLL_LOCK = 145;
export declare const FIRST_MEDIA = 166;
export declare const FF_MINUS = 173;
export declare const MUTE = 173;
export declare const VOLUME_DOWN = 174;
export declare const VOLUME_UP = 175;
export declare const FF_MUTE = 181;
export declare const FF_VOLUME_DOWN = 182;
export declare const LAST_MEDIA = 183;
export declare const FF_VOLUME_UP = 183;
export declare const SEMICOLON = 186;
export declare const EQUALS = 187;
export declare const COMMA = 188;
export declare const DASH = 189;
export declare const SLASH = 191;
export declare const APOSTROPHE = 192;
export declare const TILDE = 192;
export declare const OPEN_SQUARE_BRACKET = 219;
export declare const BACKSLASH = 220;
export declare const CLOSE_SQUARE_BRACKET = 221;
export declare const SINGLE_QUOTE = 222;
export declare const MAC_META = 224;
                    最近在写项目时发现之前一直能用的键盘事件keyCode属性被ts规范提示说要被废弃了于是便去寻找代替的方法，以图上esc事件为例(图上ESCAPE为一个变量，值为27)，发现现在应该改为(属性keyCode =&gt; key ， 对应值由number =&gt; string)，写法为下图所示下图是变量名对照表例如 MAC_ENTER 改为 MacEnter 即可(没有全部试过不过应该都能用，希望能帮到刚好需要的人)export declare const MAC_ENTER = 3;expo
				某些编辑页面需要使用ctrl+s的快捷键进行保存。网络的搜索结果：
（都可以使用，但在编辑器中编辑时，提示keyCode已经被弃用,Deprecated Symbol Used）
<script language="JavaScript">
//Ctrl+s保存
 document.οnkeydοwn=function()   {
    if (event.ctrlKey==true && event.keyCode== 83) {//Ctrl+S 
				KeyCode.js 是个跨浏览器的 JavaScript 常规键盘快捷键库。这个库围绕键盘对象来运行，还有一些 { Int code, bool shift, bool alt, bool ctrl } JavaScript 对象，记录用户按下的键盘对象。translate_event() 方法会返回其中一个对象； hot_key() 获取其中一个然后返回一个符合 JQuery HotKey 插件或者  Binny V A's shortcut.js 库的字符串。支持：
- Firefox 2.0.0.12 for Linux
- Konqueror 3.5.8 for Linux
- Opera 10 for Linux
- Firefox 2.0.0.16 for Windows
- Firefox 3.0.3 for Windows
- Google Chrome 0.2.149.30 for Windows
- IE 6.0 for Windows
- IE 7.0 for Windows
- Opera 9.5.1 for Windows
- Safari 3.0 for Windows
                            标签：keycode
18、按键修饰符变更
vue3将不再支持使用数字 (即键码) 作为 v-on 修饰符，不再支持 config.keyCodes
在 Vue 2 中，keyCodes 可以作为修改 v-on 方法的一种方式。
<!-- 键码版本 -->
<input v-on:keyup.13="submit" />
此外，也可以通过全局的 config.keyCodes 选项定义自己的别名。
我们可以看见，强大的代码提示告诉我们，这keycode即将或右键被弃用。
这里我们原来使用的是document去监听键盘抬起来的事件，然后通过keycode获得的对应的值去判断是否为某一个按键来进行相应的操作，这里我判断的是enter回车键，然后效果如下
这里，依然还可以支持此方法，但是我们查看官方文档：
话不多说，上链接
https://developer.mozilla.org/zh-CN/docs/Web/API/Keyboard
				### 回答1：
window.event.keycode是一个JavaScript事件对象的属性，它表示当前按下的键的键码。键码是一个数字，用于标识不同的键，例如，键码38表示上箭头键，键码40表示下箭头键。在处理键盘事件时，可以使用这个属性来判断用户按下了哪个键。   
### 回答2：
window.event.keycode是一个DOM事件对象的属性，它表示当前按下的键所对应的ASCII码值。因为ASCII码表是将所有字符都分别对应一个数字，通过这个属性可以获取到当前按下的键所对应的字符。比如，按下键盘上的字母A，则window.event.keycode属性值为65，而按下数字键1，则属性值为49。
在进行事件处理时，常常需要判断当前按下的是哪个键，以便进行相应的操作。window.event.keycode属性提供了一个方便快捷的方式来判断用户按下的键，因为可以直接用相应的ASCII码值来判断。比如，可以通过判断window.event.keycode是否等于13来判断用户是否按下了回车键，进而进行相应的操作。
需要注意的是，window.event.keycode属性值的具体值可能因浏览器的不同而有所不同。因此，为了保证代码能够在各种浏览器中正常运行，最好使用一些基于键名的库来进行事件处理，比如jQuery的keypress事件。   
### 回答3：
window.event.keycode是一个JavaScript事件对象中的属性，它表示触发当前事件的按键的键码值。
键码值是一个数字，用于表示键盘上的每个按键。在JavaScript中，键码值可以通过事件对象来访问和使用。
window.event.keycode常用于处理键盘事件，在处理键盘事件时，可以根据不同的按键键码值执行不同的操作。例如，在按下回车键时提交表单，在按下ESC键时关闭弹窗等等。
需要注意的是，由于window.event.keycode属性已经被废弃，可以使用key或者code属性来获取按键键码值，例如：
document.addEventListener("keydown", function(event) {
  if (event.key === "Enter") {
    // 提交表单
总之，window.event.keycode是一个重要的属性，用于处理键盘事件，并且在实际开发中需要结合具体的场景进行使用。
                ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked
                    操作checkbox时，报错。用setTimeout异步更新，可以解决
                scrollTop设置不起效果的几种原因
                    十笔名前: 
                    请问设置了100vh,这种情况怎么办啊
                scrollTop设置不起效果的几种原因
                    花心小坚果: 
                scrollTop设置不起效果的几种原因
                    六月要好好加油呀: 
                    以上情况都没有的话,如果是vue项目可以看看是不是app.vue设置了height:100vh 这种