按键箭头不起作用

时间:2015-10-07 07:49:29

标签: javascript

按键箭头向下的事件不起作用,没有将颜色变为红色,控制台没有错误,我做错了什么?

 var getText = document.getElementsByTagName('h1')[0];

            getText.onclick = function() {
                    getText.innerHTML = "Simple";
            }

              function keyPress() {
                if(event.which == 13) { 
                    getText.style.color = 'blue';
                }

                if(event.which == 40) {
                    getText.style.color = 'red';
                }
            }

1 个答案:

答案 0 :(得分:1)

正如@Salketer所说,你需要一个事件监听器来观察键盘事件。在这种情况下,keyPress函数可以用作事件处理程序。 (但必须将event设置为函数定义中的第一个参数。)

var getText = document.getElementsByTagName( 'h1' )[0];

function keyPress( event ) {
    if(event.which == 13) { 
        getText.style.color = 'blue';
    }

    if(event.which == 40) {
        getText.style.color = 'red';
    }
}

/* Setup an event listener and use keyPress as event handler */
window.addEventListener( 'keydown', keyPress, false );

请参阅:https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener