我有这个 div,默认情况下它接受 ctrl + u 下划线,但我想在按下 ctrl + q 时向它添加一个自定义 html。
<div id="dvMy" contenteditable="true"></div>
我有这个 div,默认情况下它接受 ctrl + u 下划线,但我想在按下 ctrl + q 时向它添加一个自定义 html。
<div id="dvMy" contenteditable="true"></div>
您可以使用 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>');
});
jQueryObject.bind('keypress.ctrl_q', functionThatAddsDiv)