JS 关于按键 keyCode 简单应用

最新推荐文章于 2022-09-17 17:15:10 发布

Xuan_m_o

最新推荐文章于 2022-09-17 17:15:10 发布

阅读量243

点赞数

分类专栏： JavaScript 文章标签： JavaScript 前端

本文链接：https://blog.csdn.net/Xuan_m_o/article/details/97646706

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

网上有对照表，可直接搜，每个按键有对应的数值，

var ev = document.all ? window.event : e;

这个是用来区别ie 和其他浏览器的一个判断

在ie中，事件传播的时候，生成的事件对象会绑定到全局的window上

而在其他浏览器中，事件对象将会是一个局部变量，传到方法中

简单应用代码如下：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>IFE ECMAScript</title>
</head>

<body>
    <!--这里例子是输入一个东西，点击按钮，在console输出输入的信息，点击enter键也在console输出输入的东西,点击esc键则清空输入值-->
    <input id="name" type="text">
    <button id="submit-btn">Submit</button>
    <script>
        document.getElementById("submit-btn").onclick = function() {
            var n = document.getElementById("name");
            console.log(n.value);
        }
        document.onkeydown = function(e) {
            var ev = document.all ? window.event : e;
            if (ev.keyCode == 13) {
                var n = document.getElementById("name");
                console.log(n.value);
            }
            if (ev.keyCode == 27) {
                var n = document.getElementById("name");
                n.value = "";
            }

        }
    </script>
</body>

</html>

Xuan_m_o

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 关于按键 keyCode 简单应用

网上有对照表，可直接搜，每个按键有对应的数值，var ev = document.all ? window.event : e; 这个是用来区别ie和其他浏览器的一个判断在ie中，事件传播的时候，生成的事件对象会绑定到全局的window上而在其他浏览器中，事件对象将会是一个局部变量，传到方法中简单应用代码如下：<!DOCTYPE html>&lt...
复制链接

扫一扫