javascript - 按下某个键时如何使用 JavaScript/HTML/CSS 加载新页面?

标签 javascript html css key onkeypress

<分区>

在用户按下某个键后移动到新屏幕的代码是什么。例如,我编写了一个空白屏幕,上面写着按任意键开始。

我在网上找了好久,没有找到这样一个不涉及jQuery等的代码。

提前谢谢你。

<script>
    //created a variable for instructions
       var instructions = '<h1><center>You will see three different symbols appear</center></h1>';

    //Created a button
       var button = document.createElement('button');
        button.innerHTML = 'Click here to Start';

       var body = document.getElementsByTagName('body')[0];
        body.appendChild(button);
        button.addEventListener('click', function(){
        if('click'){
            document.open(newPage)
        }
        });

    //Pressing a key (space bar in this case) will open up a blank page with the instructions of the experiment 
    document.addEventListener('keydown',function(e){
    if(e.keyCode==32){ 
        document.location.href=('about:blank');
        document.write(instructions)
}
});

</script>

最佳答案

最好用EventListener

document.addEventListener('keydown',function(e){
    if(e.keyCode==65)//key code for 'a'
        location="http://google.com"
})

关键代码列表:http://gcctech.org/csc/javascript/javascript_keycodes.htm

关于javascript - 按下某个键时如何使用 JavaScript/HTML/CSS 加载新页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56433795/

上一篇:html - 当浏览器变小时,响应式导航链接被推送到导航栏下方

下一篇:html - 与导航栏重叠的内容

相关文章:

javascript - ng-repeat angular js 的问题

html - <div> 内出现未知空白,没有填充或边距

javascript - 为什么这不适用于数组编号?

javascript - 以字母 'c' 或 'r' 开头的正则表达式

javascript - Vuetify 3 beta 给出 "Error: Could not find injected Vuetify layout"

javascript - 需要帮助从使用 javascript 的表单中设计用户输入的样式

html - 在以 HTML 加载图像之前获取图像高度

html - div 行之间无法追踪的空白

css - 在 CSS 中向 <li> 添加填充会使内容不会以一致的行高移动

html - 更改svg中html的字体大小