проблема с событием нажатия клавиши

Question

У меня есть приложение, в котором у меня есть таблица с ячейками 3X4, я перемещаюсь между ячейкой таблицы с помощью клавиш со стрелками (вверх, вправо, влево, вниз). Фокус устанавливается на начальную ячейку (cell00) и оттуда определены ключевые события. У меня есть модуль масштабирования/масштабирования, который масштабируется, когда кнопка внутри ячейки получает фокус и масштабируется при размытии. если я использую кнопку вкладки, то как масштабирование, так и масштабирование работают нормально. если я использую клавиши со стрелками, это просто увеличивает масштаб изображения, но масштаб не будет вызываться. любая идея, почему это происходит.

вот мой demo

нибудь, пожалуйста, помощь по этому вопросу

эй я обновил мой демо есть посмотреть, что вы получите лучшее представление. demoupdated

Answer 1

Можете ли вы попробовать добавить это перед «переключателем»?

//... 
cell = $(this).parent('td'); 
if(e.keyCode != 9){ //9 is the tab key 
    cell.find('button').blur(); 
} 
switch(e.keyCode) 
//... 

И для вашего уменьшения. Я думаю, что это просто, что вы масштабирование слишком быстро, он стреляет, но вы делаете это для 0ms, я изменил его на 500мс, как ваши приближая делает:

$('button:has(img)').blur(
    function(){ 
     $(this).find('img').animate(
      { 
       'width': '57px', 
       'height': '120px' 
      }, 500); 
    });