jointjs - 检测纸张上的按键

Question

我有一个看起来很棒的图表，并希望添加绑定到“+”和“-”键的放大和缩小功能。我向纸的容器添加了一个keydown事件处理程序，<div>但它没有被按键触发。这让我觉得我的食谱是错误的。有没有人试图在图表中捕捉关键笔划并有一个食谱可以分享？

我尝试的代码是：

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

正确显示图表paperContainer的我的 jQuery 对象在哪里。创建于<div>：paperContainer

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

score 0 · Accepted Answer

从它的外观来看，我不确定您是否正确附加到 Div 元素。尝试 $(".paperContainer") 如果它是一个类，否则 $("#paperContainer") 如果有一个 ID 来获取 div。

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

score -1 · Accepted Answer

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

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

2 回答 2