Question

我有一个应用程序，其中我有3X4单元格的表格我使用箭头键（向上，向右，向左，向下）在表格单元格之间移动.focus设置为初始单元格（cell00）并从那里定义了键事件。我有zoomin / zoomout模块，当单元格内的按钮获得焦点时缩放并缩小模糊。如果我使用tab键，则zoomin / zoomout工作正常。如果我使用箭头键它只是缩放图像但不会调用缩小。任何想法为什么会这样。

这是我的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，我把它改成500ms就像放大一样：

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

按键事件的问题

1 个答案: