HTML 参考手册

HTML 标签大全

HTML onkeypress事件属性

onkeypress 属性用来获取或设置当前元素的keypress事件的事件处理函数.

HTML 事件属性

在线示例

当按下按键时运行脚本:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaojc.com)</title> 
<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>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

定义和用法

当用户按下键（在键盘上）时，会触发onkeypress属性。

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

  • onkeydown

  • onkeypress

  • 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: <template> 标签