キーとkeyCodeをマッピングしたオブジェクトを作りたかったので
こういうアウトプットになるようにする
"a": 65,
"b": 66,
"c": 67,
︙
デモ
上のテキストエリアに入力された文字とkeyCodeが下のテキストエリアに表示される
(半角英数)
keyCode
コード.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').onkeydown = taKeyDown;
function taKeyDown(e) {
var key = e.key;
var code = e.keyCode;
var ta2 = elem('ta2');
var text = '"' + key + '": ' + code;
ta2.value = ta2.value + text + ',\n';
}
</script>
</body>
</html>
|