keydown 没有在 div 上触发

Question

我的按键有问题。当页面在 div“screenA”上时，用户有两个选项，按空格或“i”键。 “i”键显示警报，空格键显示 div screenTimer。当用户在 div screenTimer 上时，她应该能够按向右箭头键调用 startTesting() 以及控制台日志。

i 键和空格键有效，但右箭头键 (39) 不执行任何操作，也不显示控制台日志。

$(document).keydown( function(e)
            {
                if ( boolKeyDepressed )
                    return;
                else
                    boolKeyDepressed = true;

        var e = e || window.event;
                var ltr = e.keyCode ? e.keyCode : e.charCode;
                var trans = "";


                if ( ltr == 13 ) 
                {
                    event.preventDefault();
                }

                switch(ltr)
                {

                    case 73: // "i" key

                        if (!$('screenA').is(':visible')) {
                        alert("i key");
                        }   
                        break;
                    case 32: // space bar 

                        if (!$('screenA').is(':visible')) {

                        showDiv('screenTimer');
                        hideDiv("screenA");

                        }

                        break;

                    case 39: // right arrow key

                        if (!$('screenTimer').is(':visible')) {
                     console.log("timer");
                        startTesting();
                    }

                        break;


                }


        });

Answer 1

你必须使用 keypress 而不是 keydown，用 keypress 试试你的代码