Обнаружение нажатия клавиши на бумаге

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;'>"); 

Answer 1

Я решил, добавив слушатель событий на документе:

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

Answer 2

Из того, что он выглядит, я не уверен, если вы должным образом прикрепляться к элементу Div. Попробуйте $ (". PaperContainer"), если это класс, иначе $ ("# paperContainer"), чтобы захватить div, если имеет идентификатор.

Если это не работает, проверьте все в хроме и перейдите в консоль.