HTML onkeypress 事件属性

HTML 事件属性 HTML 事件属性

当按下按键时运行脚本:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script>
    function displayResult() {
      var x;
      if (window.event) // IE8 及更早IE版本
      {
        x = event.keyCode;
      } else if (event.which) // IE9/Firefox/Chrome/Opera/Safari
      {
        x = event.which;
      }
      keychar = String.fromCharCode(x);
      alert("按键 " + keychar + " 被按下");
    }
  </script>
</head>
<body>

  <p>当用户在输入域按下按键时触发函数。 该功能提醒按下的键。</p>

  <input type="text" onkeypress="displayResult()">

</body>
</html>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 onkeypress 事件属性

定义和用法

onkeypress 属性在按下按键时触发。

提示： 与 onkeypress 事件相关的事件触发顺序:

  1. onkeydown
  2. onkeypress
  3. onkeyup

注意： onkeypress 事件在所有浏览器中不能触发所有按键(例如：ALT, CTRL, SHIFT, ESC) 。如果只对用户是否已经按下一个按键检测， 可以使用 onkeydown 取代, onkeydown被所有按键触发。

注意： onkeypress 属性不能使用与以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或<title>。

HTML 4.01 与 HTML5之间的差异

无。

语法

<element onkeypress="script">

属性值

值 描述
script 规定该onkeypress事件触发时执行的脚本。
HTML 事件属性 HTML 事件属性