javascriptでキーイベントを発生させる

javascriptでボタン押下時にキーイベントを発生させたいのですが、可能でしようか
また、可能であればキーの同時押しの発生はできますでしょうか？

m.ts10806

2017/06/01 05:57 編集

そのままキーワードでGoogle検索したら出てきそうな単語が並んでいるように思いますが・・

yambejp

2017/06/01 05:58

キーイベントとは具体的に何をしたいのでしょうか？

kanimaru

2017/06/01 05:59

イベント発火させて何がしたいんでしょう。その結果文字入力したいのかはたまた既に定義済みの処理を行いたいのか。発火させたいだけならmatsu1006さんのおっしゃるようにgoogleで検索したほうがいいかと。

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

回答1件

ベストアンサー

的外れかもしれませんが、以下のような挙動でしょうか？

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>タイトル</title>
6</head>
7<body>
8<form>
9    <textarea placeholder="テキスト" id="textarea1"></textarea>
10    <label>
11        s + ctrlキー:
12        <input type="radio" name="radio" value="1">
13    </label>
14    <label>
15        a + ctrlキー:
16        <input type="radio" name="radio" value="2">
17    </label>
18    <button type="button" id="button1">クリック</button>
19</form>
20<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
21<script>
22    $("#textarea1").on("keydown", function (e) {
23        var key = e.keyCode || e.which;
24        if (key === 76 && e.ctrlKey) { // 76はl
25            alert("文字数は" + $("#textarea1").val().length);
26        } else if (key === 67 && e.ctrlKey) { // 67はc
27            alert("内容は" + $("#textarea1").val());
28        }
29    });
30
31    $("#button1").on("click", function () {
32        var event = $.Event("keydown");
33        switch ($("input[name=radio]:checked").val()) {
34            case "1":
35                event.keyCode = 76;
36                event.which = 76;
37                event.ctrlKey = true;
38                $("#textarea1").trigger(event);
39                break;
40            case "2":
41                event.keyCode = 67;
42                event.which = 67;
43                event.ctrlKey = true;
44                $("#textarea1").trigger(event);
45                break;
46        }
47    });
48</script>
49</body>
50</html>