javascript - 如何让 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);

或者，如果执行超过 1 个键盘快捷键，那么查看 mousetrap.js 真的很值得 - 它有一个非常好的键盘快捷键 DSL，并且处理了很多细节和陷阱，如果尝试这样做，这些细节和陷阱并不那么明显你自己。也值得为真棒网址:http://craig.is/killing/mice

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