Question

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

Answer 1

示例HTML将是，

<button>Click me</button>

的JavaScript

<button onkeypress="function1()"></button>

然后在JS脚本中

function function1 () {
  // function.
}

的jQuery

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

装订

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

这些是主要的例子，你可以谷歌更多/应该首先搜索谷歌。

Answer 2

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

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.');
}

从＆＃39; loadThePage＆＃39;调用您需要的功能。功能

Answer 3

自从你提出jQuery以来最快的方式：

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

http://api.jquery.com/keyup/

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

3 个答案:

的JavaScript

的jQuery

装订