Javascript 如何将按键绑定到HTML文档？

我想创建一个“按任意键”页面，这样当按下一个键时，它将触发动画开始，从而组装页面（例如，按下一个键，我的框从左侧滑出等…最好触发多个元素）。它是使用jQuery还是javascript并不重要。。我以前问过这个问题，但没有得到有用的答案。我没有任何代码可以显示。欢迎使用任何示例。

示例HTML是

<button>Click me</button>

jQuery 结合

---

这些是主要的例子，你可以在谷歌上搜索更多信息/应该先在谷歌上搜索

为页面按键创建事件侦听器，然后删除事件并调用函数。 代码：

---

从“loadThePage”函数调用所需的函数

$("#target").on ("keyup", function () {
    //animations
});

---

在按键上搜索，类似于此操作。必须先单击文档，但这没什么大不了的。谢谢。

function function1 () {
  // function.
}

$('button').keypress(function () {
   // function.
}

$('button').bind('keypress', function () {
   // function.
});

var press_any_key  = {
    init : function( callback ){
        this.callback = callback;
        document.body.addEventListener('keypress', press_any_key.event);
    },
    event : function(){
        document.body.removeEventListener('keypress', press_any_key.event);
        press_any_key.callback();
    }
}


press_any_key.init( loadThePage );

function loadThePage(){
    alert('This works.');
}

$("#target").on ("keyup", function () {
    //animations
});