如何让Ctrl + Q在一个令人满意的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用于键盘快捷键，并处理很多细节和陷阱，如果尝试这样做不是那么明显你自己。对于令人敬畏的网址也是值得的：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)