KeyboardEventï¼charCode 屿§
å·²å¼ç¨: ä¸åæ¨è使ç¨è¯¥ç¹æ§ãè½ç¶ä¸äºæµè§å¨ä»ç¶æ¯æå®ï¼ä½ä¹è®¸å·²ä»ç¸å ³ç web æ åä¸ç§»é¤ï¼ä¹è®¸æ£åå¤ç§»é¤æåºäºå ¼å®¹æ§èä¿çã请尽éä¸è¦ä½¿ç¨è¯¥ç¹æ§ï¼å¹¶æ´æ°ç°æç代ç ï¼åè§æ¬é¡µé¢åºé¨çå ¼å®¹æ§è¡¨æ ¼ä»¥æå¯¼ä½ ä½åºå³å®ã请注æï¼è¯¥ç¹æ§éæ¶å¯è½æ æ³æ£å¸¸å·¥ä½ã
KeyboardEvent æ¥å£ç charCode åªè¯»å±æ§è¿åå¨ keypress äºä»¶ä¸æä¸çå符é®ç Unicode å¼ã
è¦åï¼è¯¥å±æ§å·²è¢«å¼ç¨ï¼è¯·å¿å使ç¨è¯¥å±æ§ãè¦è·åå符ç Unicode å¼ï¼è¯·æ¹ç¨ key 屿§ã
å¼
ä¸ä¸ªè¡¨ç¤ºæä¸çå符é®ç Unicode å¼çæ°åã
示ä¾
>HTML
html
<p>å¨ä¸é¢çè¾å
¥æ¡ä¸è¾å
¥ä»»ä½å
容å³å¯è®°å½ <code>charCode</code>ã</p>
<input type="text" />
<p id="log"></p>
JavaScript
js
const input = document.querySelector("input");
const log = document.querySelector("#log");
input.addEventListener("keypress", (e) => {
log.innerText = `æä¸çé®ï¼${String.fromCharCode(e.charCode)}\ncharCodeï¼${
e.charCode
}`;
});
ç»æ
夿³¨
- å¨
keypressäºä»¶ä¸ï¼æé®ç Unicode å¼ä¿åå¨keyCodeæcharCode屿§å ¶ä¸ä¹ä¸ï¼ä¸ä¼äºè 忶齿ã妿æä¸çæ¯å符é®ï¼ä¾å¦âaâï¼ï¼charCode被设置为å符ç代ç å¼ï¼charCodeä¼åºå大å°åï¼å³charCodeä¼èè shift 鮿¯å¦è¢«æä¸ï¼ãå¦åï¼è¢«æä¸çé®ç代ç 被åå¨å¨keyCodeä¸ã charCodeæ°¸è¿ä¸ä¼å¨keydownækeyupäºä»¶ä¸è¢«è®¾ç½®ãå¨è¿äºæ åµä¸ï¼keyCodeä¼è¢«è®¾ç½®ã- è¦è·åæé®ä»£ç èä¸èèæ¯åå¨å¨
keyCodeè¿æ¯charCodeä¸ï¼è¯·æ¥è¯¢which屿§ã - éè¿è¾å
¥æ³ç¼è¾å¨è¾å
¥çå符ï¼ä¸ä¼è¢«æ³¨åå°
keyCodeåcharCodeä¸ã - è¦æ¥çä¸ç¹å®æé®å
³èç
charCodeå¼çå表ï¼è¯·è¿è¡æ¾ç¤ºäºä»¶å¯¹è±¡ç屿§å¹¶æ¥ççæç HTML è¡¨æ ¼ã
è§è
| Specification |
|---|
| UI Events > # dom-keyboardevent-charcode > |