按键测试

html

复制代码
<!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" onkeydown="abc(event)">
    <script>
        function abc(e) {
            var keyNum = e.keyCode;
            // String.fromCharCode
            var keyChar = String.fromCharCode(keyNum);
            console.log(keyNum + keyChar);
        }
    </script>
</body>

</html>
复制代码

vue

复制代码
<input class="ipt" type="text" @keydown="test6">
test6(e) {
                    // console.log(event.keyCode + '----' + event.target.value);
                    console.log(e.keyCode);
                    var ipt = document.querySelector('.ipt');
                    // console.log(ipt);
                    if (e.keyCode == 13) {
                        localStorage.setItem('name', ipt.value);
                        ipt.value = '';

                    }
                }
复制代码

 

posted @   二王戏木  阅读(84)  评论(0)  编辑  收藏  举报
相关博文：
·  返回顶部案例
·  js写CSS动画
·  html中使用vue 与element-ui
·  WebAPI-06代码练习---04--键盘按键
·  按键测试测试
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配，妙~啊~
点击右上角即可分享
微信分享提示
SQL AI 助手