zoukankan      html  css  js  c++  java
  • Event_Object

    keydown, keyup,点击键盘/点击结束

    .key:用户所点击的内容

    .code:用户点击的物理内容,可以显示位于键盘的位置,leftShift/rightShift/Space

    document.querySelector('button').addEventListener('click', function (evt) {
        console.log(evt)
    })
    
    // const input = document.querySelector('input');
    // input.addEventListener('keydown', function (e) {
    //     console.log(e.key)
    //     console.log(e.code)
    // })
    // input.addEventListener('keyup', function () {
    //     console.log("KEYUP")
    // })
    
    window.addEventListener('keydown', function (e) {//鼠标位于在当前窗口的时候(不是位于控制台输入)点击几个箭头方向
        switch (e.code) {
            case 'ArrowUp':
                console.log("UP!");
                break;
            case 'ArrowDown':
                console.log("DOWN!");
                break;
            case 'ArrowLeft':
                console.log("LEFT!");
                break;
            case 'ArrowRight':
                console.log("RIGHT!");
                break
            default:
                console.log("IGNORED!")
        }
    })
  • 相关阅读:
    JS知识点简单总结
    Js答辩总结
    JS答辩习题
    轮播
    jQuery选择器总结
    JS的魅力
    JS与JAVA数据类型的区别
    单表查询、多表查询、虚拟表连接查询
    Mysql基本语句
    Mysql数据库
  • 原文地址:https://www.cnblogs.com/LilyLiya/p/14307321.html
Copyright © 2011-2022 走看看