什么keypress()函数适用于现实生活中

时间:2014-08-30 08:41:04

标签: javascript jquery

我使用codeacademy中的keypress()移动下一篇文章的示例,关于交互式网站,它是'很难在网站上访问,按键一次工作,但第二次它不起作用。所以我很困惑keypress()在现实生活中做了什么

1 个答案:

答案 0 :(得分:3)

您使用keypress 事件(非功能)来响应用户按下键盘上导致生成字符的键,例如x键。您可以将它用于任何您喜欢的地方。例如,谷歌将它用于GMail中的键盘快捷键。

以下是一个例子:Live Copy

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Example</title>
</head>
<body>
  <p>Click anywhere on this document, then press keys.</p>
<script>
  (function() {
    "use strict";

    document.addEventListener("keypress", function(e) {
      display("You pressed: " + String.fromCharCode(e.which || e.keyCode));
    }, false);

    function display(msg) {
      var p = document.createElement('p');
      p.innerHTML = String(msg);
      document.body.appendChild(p);
    }
  })();
</script>
</body>
</html>