为 html 的文本输入框增加 onkeydown 事件

最新推荐文章于 2023-11-27 17:26:47 发布

原创最新推荐文章于 2023-11-27 17:26:47 发布 · 489 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

95 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript来监听并处理文本输入框中的按键事件。当用户在文本框中按下任意键时，会弹出一个警告框显示所按下的按键字符。这涉及到基本的HTML结构、JavaScript事件监听以及字符串转换的知识。

<html>
<head>

<title></title>
<script>
function displayResult() {
    var x;

    if ( window.event ) {
        x = event.keyCode;
    } else if ( event.which ) {
        x = event.which;
    }

    var keychar = String.fromCharCode( x );

    alert( "按键 " + keychar + " 被按下" );
}
</script>
</head>
<body>

<p>input something:</p>

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

</body>
</html>