javascript - Ctrl + Q で contenteditable DIV に html を追加するにはどうすればよいですか?

Question

私はこの div を持っています。デフォルトでは ctrl + u で下線を引くことができますが、ctrl + q が押されたときにカスタム html を追加したいと考えています。

<div id="dvMy" contenteditable="true"></div>

Answer 1

これは、 jQuery ホットキーを使用して昔ながらの方法で行うことができます。

$('#dvMy').bind('keypress.ctrl_q', customFxToEditDiv);

または、複数のキーボード ショートカットを実行する場合は、mousetrap.js を確認する価値があります。これには、キーボード ショートカット用の非常に優れた DSL があり、自分で実行しようとするとそれほど明白ではない多くの詳細と落とし穴を処理します。素晴らしい URL にも価値があります: http://craig.is/killing/mice

  Mousetrap.bind('ctrl+q', function(e) {
    $('#dvMy').html('<p>Custom content</p>');
  });

Answer 2

jquery.hotkeysを試してください。

jQueryObject.bind('keypress.ctrl_q', functionThatAddsDiv)