如何讓Ctrl + Q在contenteditable DIV中添加一個html？

Question

我有這個div，默認情況下它接受ctrl + u作爲下劃線的例子，但我想添加一個自定義的html，當按Ctrl + q時按下。

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

Answer 1

嘗試jquery.hotkeys。

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

Answer 2

你可以做到這一點老式方法使用jQuery熱鍵：

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

，或者如果這樣做超過1個鍵盤快捷鍵，它是值得它來檢查mousetrap.js - 它有一個真的很棒的DSL鍵盤快捷鍵，並處理了很多細節和陷阱，如果試圖自己做，並不那麼明顯。對於真棒url也是值得的：http://craig.is/killing/mice

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