Javascriptで、1回のキー押下中に一度イベント発火させたい

Google Chromeのバージョン: 81.0.4044.129で、
下記のindex.htmlをchromeで開き、F12でデベロッパーツールを起動、
長押しを断続すると、例)まで届かず、
長押ししない場合も、例)に届くには2回押す必要があります。
(e.repeatの判定を入れない場合1回の押下で例)が何度も実行されます)
1回のキー押下で一度イベント発火させる方法はありますか。
キーを押したときからある処理を開始し、キーを上げた時にその処理を止めるようにしたいため、
keyupで発火させることは考えていません。

html
1<!DOCTYPE html>
2<html>
3
4<head>
5</head>
6
7<body class="article-body-inner">
8    <script type="text/javascript" src="main.js"></script>
9</body>
10
11</html>

Javascript
1//@ts-check
2let i = 0;
3document.onkeydown = function (e) {
4    if (e.repeat) {
5        return;
6    }
7    //1回のキー押下で1回実行したい処理をここに記載予定
8    //例)
9    i++;
10    console.clear();
11    console.log(String(i) + ":" + String(e.keyCode));
12    console.log(String(i) + ":" + e.repeat);
13}

行動規範の内容に同意します

回答1件

ベストアンサー

キーを押したときからある処理を開始し、キーを上げた時にその処理を止めるようにしたいため、
keyupで発火させることは考えていません。

実行回数を変数に格納しておき、keydown,keyupで共有すればよいと思います。

実行回数を変数countに保持(初期値=0)
keydown -> if (++count === 1) 処理実行;
keyup -> count = 0

Re: hplpjpd さん

投稿2020/05/04 11:28

think49

総合スコア18189

hplpjpd

2020/05/05 07:37 編集

回答ありがとうございます。長押しを断続すると、例)まで届かない事象はjavscriptを回答のように以下のようにすることで解決しました。 2回押す必要があります　についても、ChromeでF10がショートカットキーに割り当てられていたためでした。 //@ts-check let i = 0; let count = 0; document.onkeydown = function (e) { if (count !== 0) { return; } //例) console.clear(); console.log(String(i) + ":" + String(count) + ":" + String(e.keyCode)); console.log(String(i) + ":" + String(count) + ":" + e.repeat); i++ count++; } document.onkeyup = function (e) { count = 0; }

行動規範の内容に同意します