检测纸张上的按键

Question

我有一个看起来很棒的图表，并希望添加一个放大和缩小功能绑定到＆＃34; +＆＃34;和＆＃34; - ＆＃34;键。我向keydown添加了一个<div>事件处理程序，它是文件的容器，但不是用按键触发的。这让我觉得我的食谱错了。有没有人试图在图表中捕获关键笔划并有一个分享的配方？

我尝试的代码是：

$(paperContainer).keydown(function(event) {
    console.log("Key press: %O", event);
});

其中paperContainer是我<div>正确显示图表的jQuery对象。 paperContainer创建时使用：

var paperContainer = $("<div style='width: 100%; height: 100%; overflow: auto;'>");

Answer 1

从它的外观来看，我不确定你是否正确地附加到Div元素。尝试$（“。paperContainer”）如果它是一个类，否则$（“＃paperContainer”）获取div，如果有ID。

如果这不起作用，请检查chrome中的内容，然后跳转到控制台。

Answer 2

我通过在文档上添加事件侦听器来解决它：

$(document).on('keydown',function(){//your implementation})