質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

4815閲覧

GASでキーが押されたかを判定する方法

aiueomaruta

総合スコア27

Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/10/29 00:15

僕は今Google Apps Script(GAS)を使ってタイピングソフトを作ろうと思っています。
指定したキーボードが押されたかを判定するコードを教えてください。
調べてみましたがそれらしいものがありませんでした。

gs

1 2function doGet(){ 3 var html = HtmlService.createTemplateFromFile('index'); 4 return html.evaluate(); 5} 6function check_key_press(key){ 7 if(ここがわかりません){ 8 var result = 'y' 9 }else{ 10 var result = 'n' 11 } 12 return result 13} 14

html

1 2<!DOCTYPE html> 3<html> 4 <head> 5 <base target="_top"> 6 </head> 7 <body> 8 <? 9 var keypressA = check_key_press('A'); 10 output.append('<h1>'+keypressA+'</h1>'); 11 ?> 12 </body> 13</html>

だいたいこんな感じに作っています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

キー入力の検出はサーバーサイド(GAS)では無理です。クライアントサイド(HTMLのJavaScript)で行ってください。

HTML

1<!DOCTYPE html> 2<html> 3 <head> 4 <base target="_top"> 5 <title>KeyDownTest</title> 6 <script> 7 document.addEventListener("keydown", e => { 8 console.log(`e.code = ${e.code}`); 9 document.querySelector("body").textContent = e.code; 10 }); 11 </script> 12 </head> 13 <body> 14 </body> 15</html>

(追記)
keydown イベントについては MDN を参照してください。
https://developer.mozilla.org/ja/docs/Web/API/Document/keydown_event

投稿2020/10/29 00:43

編集2020/10/29 01:15
draq

総合スコア2577

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

aiueomaruta

2020/10/29 01:10

何キーが押されたというのはどこで調節するのですか?
draq

2020/10/29 01:15

回答に追記しました。
aiueomaruta

2020/10/29 01:16

ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問