文字とcharCodeをマッピングしたオブジェクトを作りたかったので
こういうアウトプットになるようにする
"a": 97,
"b": 98,
"c": 99,
︙
デモ
上のテキストエリアに入力された文字とcharCodeが下のテキストエリアに表示される
（半角英数）
charCode
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<head>
<style>
#ta2 {
height: 90vh;
}
</style>
</head>
<body>
<textarea id="ta"></textarea>
<br>
<textarea id="ta2"></textarea>
<script>
function elem(id) {
return document.getElementById(id);
}
elem('ta').onkeypress = taKeyPress;
function taKeyPress(e) {
var key = e.key;
var code = e.charCode;
var ta2 = elem('ta2');
var text = '"' + key + '": ' + code;
ta2.value = ta2.value + text + ',\n';
}
</script>
</body>
</html>
|
補足
この記事ではキーとなる文字をダブルクオートで囲んでいるので
ダブルクオート自体をキーにする場合はシングルクオートで囲み直す
ダブルクオートを入力するとこうなる
ここだけこうしてやる
'"': 34
関連記事
押したキーの情報を取得したい
keyCodeとcharCodeを知りたい
この記事ではキーとなる文字をダブルクオートで囲んでいるので
ダブルクオート自体をキーにする場合はシングルクオートで囲み直す
ダブルクオートを入力するとこうなる
ここだけこうしてやる
'"': 34
関連記事
押したキーの情報を取得したい
keyCodeとcharCodeを知りたい
