Выполнить код JS после нажатия клавиши пробел

Это мой код в JavaScript:

var changeIdValue =  function(id, value) {
document.getElementById(id).style.height = value;
};

document.getElementById ("balklongwaarde").addEventListener("click", function(){ changeIdValue("balklongwaarde", "60px")});

document.getElementById ("balklevensverwachting").addEventListener("click", function(){ changeIdValue("balklevensverwachting", "60px")});

document.getElementById ("balkhart").addEventListener("click", function(){ changeIdValue("balkhart", "60px")});

document.getElementById ("balklever").addEventListener("click", function(){ changeIdValue("balklever", "60px")});

document.getElementById("balkhersenen").addEventListener("click", function(){ changeIdValue("balkhersenen", "60px")});

Я хочу выполнить этот код после нажатия на keyup....

есть ли у кого-нибудь идея, как?

13
javascript keyup

3 ответов

document.body.onkeyup = function(e){
    if(e.keyCode == 32){
        //your code
    }
}

Это будет выполняться после того, как вы нажмете пробел.

JSFiddle.

32

в jQuery события нормализуются под , который свойства события.

вы можете найти любое ключевое значение здесь например: пробел значение (32).

эта функция может помочь вам. 

$(window).keypress(function(e) {
    if (e.which === 32) {

        //Your code goes here

    }
});
5

document.activeElement - это любой элемент, имеющий фокус. Вы часто найдете как пробел, так и введите стрельбу нажмите на сфокусированный элемент.

document.body.onkeyup = function(e){
    if(e.keyCode == 32 || e.keyCode == 13){
        //spacebar or enter clicks focused element
        try {
            doc.activeElement.click();
        }
        catch (e) {
            console.log(e);
        }            
    }
};

тогда CSS может быть:

.focusable-thing:hover {
    cursor: pointer;
}
.focusable-thing:focus {
    -webkit-box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.4);
}
0