\n\n\n \n\n\n\n```","dateModified":"2022-07-31T19:44:24.000Z","datePublished":"2022-07-31T03:22:43.513Z","upvoteCount":2,"url":"https://teratail.com/questions/88l1rxyqmaz6f1#reply-l340zjcbx7ka6k"},"suggestedAnswer":[],"breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://teratail.com","name":"トップ"}},{"@type":"ListItem","position":2,"item":{"@id":"https://teratail.com/tags/JavaScript","name":"JavaScriptに関する質問"}},{"@type":"ListItem","position":3,"item":{"@id":"https://teratail.com/questions/88l1rxyqmaz6f1","name":"JavaScript onkeydown"}}]}}}

回答率: 85.29%

質問するログイン新規登録

トップ JavaScriptに関する質問JavaScript onkeydown

Q&A

解決済

1回答

474閲覧

JavaScript onkeydown

退会済みユーザー

総合スコア0

0グッド

0クリップ

投稿2022/07/31 02:09

編集2022/07/31 02:14

0

0

<div contentEditable="true" onkeydown=" if (event.key === 'Enter'){alert('')}">div</div>

onkeydownをコンソールから実行させたいです
実際にはキーボードを押していないがonkeydownを発生させる(解釈させる)方法を知りたいです
ご存じの方教えて下さい

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

回答1件

0

ベストアンサー

document.dispatchEventを使うとイベントを起こせるようです。

html
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    <meta charset="UTF-8">
6    <title>キーボードイベント発行テスト</title>
7</head>
8<script>
9    window.addEventListener('DOMContentLoaded', function () {
10        let push = document.getElementById('keypush');
11
12        document.addEventListener('keydown', function(event){
13            if(event.key === 'Enter') alert('押されたよ');
14        });
15
16        push.addEventListener('click', function () {
17            document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter' }));
18        });
19    });
20</script>
21
22<body>
23    <button id="keypush">テスト</button>
24</body>
25
26</html>

投稿2022/07/31 03:22

総合スコア2703

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

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

ただいまの回答率
85.29%

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

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

関連した質問

トップ JavaScriptに関する質問

JavaScript onkeydown