关于js_键盘事件的介绍和使用

最新推荐文章于 2024-03-17 17:15:54 发布

NewBurlaSKing

最新推荐文章于 2024-03-17 17:15:54 发布

阅读量919

点赞数

分类专栏： javascript 文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/qq_55961861/article/details/126330988

版权

javascript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

js_键盘事件

一.定义

键盘事件由用户击打键盘触发，主要有keydown、keypress、 keyup三个事件。

keydown：按下键盘时触发。
keypress：按下有值的键时触发，即按下 Ctrl、Alt、Shift、Meta 这样无值的键，这个事件不会触发。对于有值的键，按下时先触发keydown事件，再触发这个事件。
keyup：松开键盘时触发该事件

event对象

keyCode:唯一标识

二.实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="a">
    <br>
    <input type="text" id="pwd">
    <input type="text" id="user">
    <script>
        var a = document.getElementById('a');
        var pwd = document.getElementById('pwd');
        var user = document.getElementById('user');
        a.onkeyup = function(e) {
            console.log(e.target.value);
        }
        pwd.onkeypress = function(e) {
            console.log(e.target.value);
        }
        user.onkeyup = function(e) {
            if(e.keyCode == 13) {
                console.log('用户按了回车！');
            }
        }
    </script>
</body>
</html>