テキストボックスにフォーカスがあるときショートカットキーを実行させることは、mousetrapクラスをつけることで実現できます。
HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4 <meta charset="utf-8">
5 <title>タイトル</title>
6</head>
7<body>
8<input type="text" id="box" class="mousetrap">
9<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
10<script src="https://cdnjs.cloudflare.com/ajax/libs/mousetrap/1.6.0/mousetrap.min.js"></script>
11<script>
12 $(document).ready(function () {
13 $("#box").on("keydown", function () {
14 Mousetrap.bind("a", function () {
15 alert("Hello World !");
16 });
17 });
18 });
19</script>
20</body>
21</html>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/10 04:57