首頁(yè) 猿問(wèn) 如何將 Javascript...

如何將 Javascript keyCode 轉(zhuǎn)換為 charCode？

JavaScript

慕哥9229398 2023-08-18 13:54:59

在 Javascript鍵盤(pán)事件中，為按下的按鍵給出了一個(gè)代碼，但是，它不是 ASCII 或 UTF-8 字符代碼，而是鍵盤(pán)按鍵的代碼。有時(shí) keyCode 恰好與 ASCII/UTF-8 代碼匹配，有時(shí)則不然。有沒(méi)有辦法，給定 Javascript 鍵代碼（通過(guò)e.keyCode或訪(fǎng)問(wèn)e.which）來(lái)獲取相應(yīng)的 ASCII 或 UTF-8 字符代碼？運(yùn)行下面的代碼片段。document.addEventListener("keyup", function(e) {? document.querySelector(".key").innerHTML = e.key;? document.querySelector(".keyCode").innerHTML = e.keyCode;? document.querySelector(".UTF").innerHTML = String.fromCharCode(event.keyCode);});code {? background-color: #e2aec8ab;? border: solid 1px gray;? border-radius: 3px;? padding: 0 .5em;? min-height: 1em;? min-width: .2em;? margin: 0 .1em;}.output {? margin: 2em;? border: solid 1px lightgray;? border-radius: 3px;? background-color: rgba(200, 250, 230, .3);? padding: 1em;}Type here. Try some alpha letters as well as special keys like <code>`</code><code>-</code><code>=</code><code>[</code><code>]</code><code>[ENTER]</code><code>;</code><code>'</code><div class="output">? You typed <code class="key"></code> which is Javascript <b></b>keyCode</b> <code class="keyCode"></code>, in UTF that would be <code class="UTF"></code></div>兩個(gè)例子：2在鍵盤(pán)上輸入捕捉事件。event.keyCode是 50。UTF 字符 50 是2（數(shù)字二）但：[在鍵盤(pán)上輸入捕捉事件。event.keyCode是 219。UTF 字符 219 是Û（帶有省略號(hào)的拉丁文大寫(xiě)字母 U）我希望事件包含的字符代碼91對(duì)應(yīng)于LEFT SQUARE BRACKET。如何將 Javascript keyCodes（例如219）轉(zhuǎn)換為 UTF-8 charCodes（例如91）？

查看完整描述

1 回答

達(dá)令說(shuō)

TA貢獻(xiàn)1821條經(jīng)驗(yàn) 獲得超6個(gè)贊

我只是想說(shuō)，這個(gè)問(wèn)題變成了一次有趣的學(xué)習(xí)冒險(xiǎn)。但....

您正在使用已棄用的 API。

事實(shí)證明KeyboardEvent.keyCode已被棄用一段時(shí)間了。因?yàn)樗褂檬M(jìn)制版本的 ASCII。使用的正確代碼實(shí)際上是event.Code.?但這不是你所追求的。

要獲取 ascii 數(shù)字，您可以使用event.key.charCodeAt()這確實(shí)有一些缺陷，因?yàn)樗鼤?huì)S在您按 Shift 時(shí)報(bào)告。但您可以用來(lái)event.location判斷該鍵是否是特殊的控制鍵。0 是標(biāo)準(zhǔn)鍵，1-3 是特殊位置（我認(rèn)為）。

document.addEventListener("keyup", function(e) {

? document.querySelector(".key").innerHTML = e.key;

? document.querySelector(".keyCode").innerHTML = e.code;

? document.querySelector(".ascii").innerHTML = e.key.charCodeAt()

? document.querySelector(".UTF").innerHTML = String.fromCharCode(event.key.charCodeAt());

});

code {

? background-color: #e2aec8ab;

? ;

? border: solid 1px gray;

? border-radius: 3px;

? padding: 0 .5em;

? min-height: 1em;

? min-width: .2em;

? margin: 0 .1em;

}

.output {

? margin: 2em;

? border: solid 1px lightgray;

? border-radius: 3px;

? background-color: rgba(200, 250, 230, .3);

? padding: 1em;

}

Type here. Try some alpha letters as well as special keys like <code>`</code>

<code>[ENTER]</code>

? You typed <code class="key"></code> which is Javascript <b>keyCode</b> <code class="keyCode"></code>, in ASCII that would be <code class="ascii"> </code> which is <code class="UTF"></code>

</div>

反對(duì) 回復(fù) 2023-08-18