KeyboardLayoutMap
å©ç¨å¯è½æ§ã¯éå®ç
ãã®æ©è½ã¯ãã¼ã¹ã©ã¤ã³ã§ã¯ããã¾ãããæãåºã使ç¨ããã¦ãããã©ã¦ã¶ã¼ã®ä¸é¨ã§åä½ãã¾ããã
Experimental: ããã¯å®é¨çãªæ©è½ã§ãã
æ¬çªã§ä½¿ç¨ããåã«ãã©ã¦ã¶ã¼äºææ§ä¸è¦§è¡¨ããã§ãã¯ãã¦ãã ããã
KeyboardLayoutMap ã¯ãã¼ãã¼ã API ã®ã¤ã³ã¿ã¼ãã§ã¤ã¹ã§ãèªã¿åãå°ç¨ã®ãªãã¸ã§ã¯ãã§ãããç¹å®ã®ç©çãã¼ã«é¢é£ä»ããããæååãåå¾ããããã®é¢æ°ãåãã¦ãã¾ãã
KeyboardLayoutMap ã¤ã³ã¹ã¿ã³ã¹ã¯èªã¿åãå°ç¨ã® Map 風ãªãã¸ã§ã¯ãã§ãããåãã¼ã¯ãã¼ãã¼ãä¸ã®åºæã®ç©çãã¼ãèå¥ããæååï¼ããã¼ã³ã¼ããï¼ã§ããã対å¿ããå¤ã¯é¢é£ãããã¼å±æ§å¤ï¼ãã¼ãã¼ãã¬ã¤ã¢ã¦ãããã«ãã£ã¦å½±é¿ãåããå¯è½æ§ãããã¾ãï¼ã§ãã
æå¹ãªãã¼ã®ä¸è¦§ã¯ UI Events KeyboardEvent code Values 仿§ã«ããã¾ãã
ã¤ã³ã¹ã¿ã³ã¹ããããã£
KeyboardLayoutMap.entriesèªåå°ç¨-
æå®ããããªãã¸ã§ã¯ãèªèº«ã®åæå¯è½ãªããããã£
[key, value]ãã¢ã®é åããfor...inã«ã¼ãã§æå®ããããã®ã¨åãé åºã§è¿ãã¾ãï¼for-inã«ã¼ãã§ã¯ããããã¿ã¤ããã§ã¼ã³å ã®ããããã£ãåæãããç¹ãç°ãªãã¾ãï¼ã KeyboardLayoutMap.keysèªåå°ç¨-
é åã®åã¤ã³ããã¯ã¹ã®ãã¼ãæ ¼ç´ããæ°ããé åã¤ãã¬ã¼ã¿ã¼ãªãã¸ã§ã¯ããè¿ãã¾ãã
KeyboardLayoutMap.sizeèªåå°ç¨-
KeyboardLayoutMapãªãã¸ã§ã¯ãã®è¦ç´ æ°ãè¿ãã¾ãã KeyboardLayoutMap.valuesèªåå°ç¨-
KeyboardLayoutMapãªãã¸ã§ã¯ãã®åã¤ã³ããã¯ã¹ã®å¤ãæ ¼ç´ããæ°ããé åã¤ãã¬ã¼ã¿ã¼ãªãã¸ã§ã¯ããè¿ãã¾ãã
ã¤ã³ã¹ã¿ã³ã¹ã¡ã½ãã
KeyboardLayoutMap.forEach()èªåå°ç¨-
æå®ããã颿°ã
KeyboardLayoutMapã®åè¦ç´ ã«å¯¾ãã¦ä¸åº¦ãã¤ã ãå®è¡ãã¾ãã KeyboardLayoutMap.get()-
KeyboardLayoutMapãªãã¸ã§ã¯ããããæå®ããããã¼ãæã¤è¦ç´ ãè¿ãã¾ãã KeyboardLayoutMap.has()-
KeyboardLayoutMapãªãã¸ã§ã¯ãã«æå®ãããã¼ãæã¤è¦ç´ ããããã©ããã示ãè«çå¤ãè¿ãã¾ãã
ä¾
次ã®ä¾ã¯ãè±èªã® QWERTY ãã¼ãã¼ãã® 'W' ãã¼ã«å¯¾å¿ããå ´æã¾ãã¯ã¬ã¤ã¢ã¦ãã«ä¾åããæååãåå¾ããæ¹æ³ã示ãã¦ãã¾ãã
const keyboard = navigator.keyboard;
keyboard.getLayoutMap().then((keyboardLayoutMap) => {
const upKey = keyboardLayoutMap.get("KeyW");
window.alert(`Press ${upKey} to move up.`);
});
仿§æ¸
| 仿§æ¸ |
|---|
| Keyboard Map > # keyboardlayoutmap > |