JavaScript同时获取两个按键的值发送到后台服务器（两个方向键），通过websocket发送给后台服务器

最新推荐文章于 2024-04-26 20:09:23 发布
最新推荐文章于 2024-04-26 20:09:23 发布
阅读量571 收藏
点赞数
分类专栏： java h5 html js jq 文章标签： html同时获取两个按键同时按下的值发送到后台服务器，通过websoc h5页面获取两个按键的建值 websocket前台发送消息到后台 获取两个键值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41701213/article/details/83276652
版权
java h5 同时被 3 个专栏收录
1 篇文章 0 订阅
订阅专栏
html
1 篇文章 0 订阅
订阅专栏
js
1 篇文章 0 订阅
订阅专栏

我这里是需要把值通过websocket传送到服务端，所以把方法写在websocket里面了。
不需要websocket的可以直接看里面代码
第一次写，可根据需要更改，有不同见解可留言，相互学习。
websocket.onopen = function () {
console.log(“webSocket connect success”);

      var up = 0;//上
    var left=0;//左
    var right=0;//右
    var down=0;//下
    var space=0;//手刹
    var stop=0;//刹车
    var timeupleft;//上左函数
    var timeupright;//上右函数
    var timedownleft;//下左函数
    var timedownright;//下右函数
    var timeup;//上函数
    var timedown;//下函数
    var timeright;//右函数
    var timeleft;//左函数
    var timespace;
    var timestop;

    document.onkeydown = function (e) {

        /*key_pressed[e.keyCode] = true;*/
        /*判断如果按上执行下面方法*/
        if (e.keyCode == 87) {
            //如果按键上位true，则执行空，否则执行一次循环函数
            if (key_pressed[87]==true){
            } else if (key_pressed[83]!=true&&key_pressed[32]!=true&&key_pressed[90]!=true) {
                timeup= window.setInterval(f, 100);
                key_pressed[e.keyCode]=true;

            }
        }
        /*判断如果按左执行下面方法*/
        if (e.keyCode == 65) {
            //left
            if (key_pressed[65]==true){

            } else if (key_pressed[68]!=true&&key_pressed[32]!=true&&key_pressed[90]!=true){
                timeleft= window.setInterval(f1, 100);
                key_pressed[e.keyCode]=true;

            }
        }
        /*判断如果按右执行下面方法*/
        if (e.keyCode==68){
           //right
            if (key_pressed[68]==true){

            } else if (key_pressed[65]!=true&&key_pressed[32]!=true&&key_pressed[90]!=true){
                timeright= window.setInterval(f2, 100);
                key_pressed[e.keyCode]=true;

            }
        }
        /*判断如果按下执行下面方法*/
        if (e.keyCode==83){
            //down
            if (key_pressed[83]==true){

            } else if (key_pressed[87]!=true&&key_pressed[32]!=true&&key_pressed[90]!=true){
                timedown= window.setInterval(f3, 100);
                key_pressed[e.keyCode]=true;

            }
        }
        /*判断如果按空格执行下面方法*/
        if (e.keyCode==32){
            if (key_pressed[32]==true){
            } else {
                timespace=window.setInterval(f6,100);
                key_pressed[e.keyCode]=true;
            }
            clearInterval(timeup);
            clearInterval(timeleft);
            clearInterval(timeright);
            clearInterval(timedown);
            clearInterval(timeupleft);
            clearInterval(timeupright);
            clearInterval(timedownleft);
            clearInterval(timedownright);
        }
        /*判断如果按z执行下面方法*/
        if (e.keyCode==90){
            if (key_pressed[90]==true){
            } else {
                timestop=window.setInterval(f7,100);
                key_pressed[e.keyCode]=true;
            }
            /*停止循环函数*/
            clearInterval(timeup);
            clearInterval(timeleft);
            clearInterval(timeright);
            clearInterval(timedown);
            clearInterval(timeupleft);
            clearInterval(timeupright);
            clearInterval(timedownleft);
            clearInterval(timedownright);
        }
    }
    /*按键松开后执行的方法*/
    document.onkeyup = function (e) {
        key_pressed[e.keyCode] = false;

        /*判断如果上键松开执行下面*/
        if (e.keyCode==87){//前进----------------------------------------------
            up=0;
            websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
            clearInterval(timeupleft);
            clearInterval(timeupright);
            clearInterval(timeup);
        }
        /*判断如果左键松开执行下面*/
        if (e.keyCode==65){//左转-------------------------
            left=0;
            websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
            if ((key_pressed[65]==false||typeof(key_pressed[65])=="undefined")&& key_pressed[87]==true &&( key_pressed[68]==false||typeof (key_pressed[68])=="undefined") && (key_pressed[83]==false||typeof (key_pressed[83])=="undefined")&&(key_pressed[32]==0||typeof (key_pressed[32])=="undefined")&&(key_pressed[90]==0||typeof (key_pressed[90])=="undefined")){
                timeupleft= window.setInterval(f4, 100);
            }
            if ((key_pressed[65]==false||typeof(key_pressed[65])=="undefined")&& key_pressed[83]==true &&( key_pressed[68]==false||typeof (key_pressed[68])=="undefined" )&& (key_pressed[87]==false||typeof (key_pressed[87])=="undefined")&&(key_pressed[32]==0||typeof (key_pressed[32])=="undefined")&&(key_pressed[90]==0||typeof (key_pressed[90])=="undefined")){
                timedownleft= window.setInterval(f5, 100);
            }
            clearInterval(timeleft);
        }
        if (e.keyCode==68){//右转--------------------------
            right=0;
            websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
            if ((key_pressed[65]==false||typeof(key_pressed[65])=="undefined")&& key_pressed[87]==true &&( key_pressed[68]==false||typeof (key_pressed[68])=="undefined") && (key_pressed[83]==false||typeof (key_pressed[83])=="undefined")&&(key_pressed[32]==0||typeof (key_pressed[32])=="undefined")&&(key_pressed[90]==0||typeof (key_pressed[90])=="undefined")) {
                timedownright= window.setInterval(f4, 100);
            }
            if ((key_pressed[65]==false||typeof(key_pressed[65])=="undefined")&& key_pressed[83]==true &&( key_pressed[68]==false||typeof (key_pressed[68])=="undefined" )&& (key_pressed[87]==false||typeof (key_pressed[87])=="undefined")&&(key_pressed[32]==0||typeof (key_pressed[32])=="undefined")&&(key_pressed[90]==0||typeof (key_pressed[90])=="undefined")){
                timedownleft= window.setInterval(f5, 100);
            }
            clearInterval(timeright);
        }
        if (e.keyCode==83){//后退----------------------
            down=0;
            websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
            clearInterval(timedownright);
            clearInterval(timedownleft);
            clearInterval(timedown);

        }
        if (e.keyCode==32){//手刹---------------------------------
            space=0;
            clearInterval(timespace);
            websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
        }
        if (e.keyCode==90){
            stop=0;
            websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
            clearInterval(timestop);
        }

    }


   var f= function() {
            /*设置前进最大值为100*/
            if (up==100){
                up=100
            }else{
                up+=2;
            }
            /*判断如果左键同时按下，执行下面方法*/
            if (key_pressed[65]==true){
                /*设置左键最大值*/
                if (left==100){
                    left=100
                }else{
                    left+=2;
                }
                /*判断如果右键同时按下，执行下面方法*/
            }else if (key_pressed[65]==true){
                /*设置右转最大值*/
                if (right==100){
                    right=100;
                } else{
                    right+=2;
                }
            }
       websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
    }
  var f1=  function () {
            if (left==100){
                left=100;
            }else{
                left+=2;
            }
            if (key_pressed[87]==true){
                if (up==100){
                    up=100;
                }else{
                    up+=2;
                }
            }else if (key_pressed[83]==true){
                if (down==100){
                    down=100;
                } else{
                    down+=2;
                }
            }
      websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
    }
   var f2= function () {
            if (right==100){
                right=100;
            }else{
                right+=2;
            }
            if (key_pressed[87]==true){
                if (up==100){
                    up=100;
                }else{
                    up+=2;
                }
            }else if (key_pressed[83]==true){
                if (down==100){
                    down=100;
                } else{
                    down+=2;
                }
            }
       websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
    }
   var f3= function () {
            if (down==100){
                down=100
            }else{
                down+=2;
            }
            if (key_pressed[65]==true){
                if (left==100){
                    left=100;
                }else{
                    left+=2;
                }
            }else if (key_pressed[68]==true){
                if (right==100){
                    right=100;
                } else{
                    right+=2;
                }
            }
       websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
    }

   /*解决up自动增长发送消息问题*/
  var f4= function(){
                if (up==0){
                    return;
                }  else {
                    if (up==100){
                        up=100;
                    } else{
                        up+=2
                    }
                    websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
                }
       return  ;
    }
    var f5= function(){
        if (down==0){
            return;
        }  else {
            if (down==100){
                down=100;
            } else{
                down+=2
            }
            websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+up+",\""+"left"+"\":"+left+",\""+"right"+"\":"+right+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+down);
        }
        return  ;
    }
    var f6=function(){
        space=1;
        websocket.send(session_admin+"-"+"\""+"space"+"\":"+space+",\""+"up"+"\":"+0+",\""+"left"+"\":"+0+",\""+"right"+"\":"+0+",\""+"stop"+"\":"+0+",\""+"down:"+"\":"+0);//手刹
        /*停止循环函数*/
        key_pressed[87]=false;
        key_pressed[65]=false;
        key_pressed[68]=false;
        key_pressed[83]=false;
    }
    var f7=function(){
        stop=1;
        websocket.send(session_admin+"-"+"\""+"space"+"\":"+0+",\""+"up"+"\":"+0+",\""+"left"+"\":"+0+",\""+"right"+"\":"+0+",\""+"stop"+"\":"+stop+",\""+"down:"+"\":"+0);//刹车
        key_pressed[87]=false;
        key_pressed[65]=false;
        key_pressed[68]=false;
        key_pressed[83]=false;
    }
};

下面是按键映射的值：
keyCode 8 = BackSpace BackSpace
keyCode 9 = Tab Tab
keyCode 12 = Clear
keyCode 13 = Enter
keyCode 16 = Shift_L
keyCode 17 = Control_L
keyCode 18 = Alt_L
keyCode 19 = Pause
keyCode 20 = Caps_Lock
keyCode 27 = Escape Escape
keyCode 32 = space
keyCode 33 = Prior
keyCode 34 = Next
keyCode 35 = End
keyCode 36 = Home
keyCode 37 = Left
keyCode 38 = Up
keyCode 39 = Right
keyCode 40 = Down
keyCode 41 = Select
keyCode 42 = Print
keyCode 43 = Execute
keyCode 45 = Insert
keyCode 46 = Delete
keyCode 47 = Help
keyCode 48 = 0 equal braceright
keyCode 49 = 1 exclam onesuperior
keyCode 50 = 2 quotedbl twosuperior
keyCode 51 = 3 section threesuperior
keyCode 52 = 4 dollar
keyCode 53 = 5 percent
keyCode 54 = 6 ampersand
keyCode 55 = 7 slash braceleft
keyCode 56 = 8 parenleft bracketleft
keyCode 57 = 9 parenright bracketright
keyCode 65 = a A
keyCode 66 = b B
keyCode 67 = c C
keyCode 68 = d D
keyCode 69 = e E EuroSign
keyCode 70 = f F
keyCode 71 = g G
keyCode 72 = h H
keyCode 73 = i I
keyCode 74 = j J
keyCode 75 = k K
keyCode 76 = l L
keyCode 77 = m M mu
keyCode 78 = n N
keyCode 79 = o O
keyCode 80 = p P
keyCode 81 = q Q at
keyCode 82 = r R
keyCode 83 = s S
keyCode 84 = t T
keyCode 85 = u U
keyCode 86 = v V
keyCode 87 = w W
keyCode 88 = x X
keyCode 89 = y Y
keyCode 90 = z Z
keyCode 96 = KP_0 KP_0
keyCode 97 = KP_1 KP_1
keyCode 98 = KP_2 KP_2
keyCode 99 = KP_3 KP_3
keyCode 100 = KP_4 KP_4
keyCode 101 = KP_5 KP_5
keyCode 102 = KP_6 KP_6
keyCode 103 = KP_7 KP_7
keyCode 104 = KP_8 KP_8
keyCode 105 = KP_9 KP_9
keyCode 106 = KP_Multiply KP_Multiply
keyCode 107 = KP_Add KP_Add
keyCode 108 = KP_Separator KP_Separator
keyCode 109 = KP_Subtract KP_Subtract
keyCode 110 = KP_Decimal KP_Decimal
keyCode 111 = KP_Divide KP_Divide
keyCode 112 = F1
keyCode 113 = F2
keyCode 114 = F3
keyCode 115 = F4
keyCode 116 = F5
keyCode 117 = F6
keyCode 118 = F7
keyCode 119 = F8
keyCode 120 = F9
keyCode 121 = F10
keyCode 122 = F11
keyCode 123 = F12
keyCode 124 = F13
keyCode 125 = F14
keyCode 126 = F15
keyCode 127 = F16
keyCode 128 = F17
keyCode 129 = F18
keyCode 130 = F19
keyCode 131 = F20
keyCode 132 = F21
keyCode 133 = F22
keyCode 134 = F23
keyCode 135 = F24
keyCode 136 = Num_Lock
keyCode 137 = Scroll_Lock
keyCode 187 = acute grave
keyCode 188 = comma semicolon
keyCode 189 = minus underscore
keyCode 190 = period colon
keyCode 192 = numbersign apostrophe
keyCode 210 = plusminus hyphen macron
keyCode 211 =
keyCode 212 = copyright registered
keyCode 213 = guillemotleft guillemotright
keyCode 214 = masculine ordfeminine
keyCode 215 = ae AE
keyCode 216 = cent yen
keyCode 217 = questiondown exclamdown
keyCode 218 = onequarter onehalf threequarters
keyCode 220 = less greater bar
keyCode 221 = plus asterisk asciitilde
keyCode 227 = multiply division
keyCode 228 = acircumflex Acircumflex
keyCode 229 = ecircumflex Ecircumflex
keyCode 230 = icircumflex Icircumflex
keyCode 231 = ocircumflex Ocircumflex
keyCode 232 = ucircumflex Ucircumflex
keyCode 233 = ntilde Ntilde
keyCode 234 = yacute Yacute
keyCode 235 = oslash Ooblique
keyCode 236 = aring Aring
keyCode 237 = ccedilla Ccedilla
keyCode 238 = thorn THORN
keyCode 239 = eth ETH
keyCode 240 = diaeresis cedilla currency
keyCode 241 = agrave Agrave atilde Atilde
keyCode 242 = egrave Egrave
keyCode 243 = igrave Igrave
keyCode 244 = ograve Ograve otilde Otilde
keyCode 245 = ugrave Ugrave
keyCode 246 = adiaeresis Adiaeresis
keyCode 247 = ediaeresis Ediaeresis
keyCode 248 = idiaeresis Idiaeresis
keyCode 249 = odiaeresis Odiaeresis
keyCode 250 = udiaeresis Udiaeresis
keyCode 251 = ssharp question backslash
keyCode 252 = asciicircum degree
keyCode 253 = 3 sterling
keyCode 254 = Mode_switch

A　　0X65 　U 　　0X85
B　　0X66　 V　　 0X86
C　　0X67　 W　　 0X87
D　　0X68　 X 　　0X88
E　　0X69　 Y　　 0X89
F　　0X70　 Z　　 0X90
G　　0X71　 0　　 0X48
H　　0X72　 1　　 0X49
I　　0X73　 2　　 0X50
J　　0X74　 3 　　0X51
K　　0X75　 4 　　0X52
L　　0X76　 5 　　0X53
M　　0X77　 6　　 0X54
N　　0X78 　7 　　0X55
O　　0X79 　8 　　0X56
P　　0X80 　9 　　0X57
Q　　0X81　ESC　　0X1B
R　　0X82　CTRL 　0X11
S　　0X83　SHIFT　0X10
T　　0X84　ENTER　0XD

玩废了的程序猿
关注
专栏目录
【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南
墩墩分墩
08-16 1529
**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨
Qt开发经验总结
草上爬的博客
12-02 8307
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
js同时触发两个键盘事件+三级地址联动+跨域
m0_62026062的博客
01-31 228
【代码】js同时触发两个键盘事件+三级地址联动+跨域。
【韦东山驱动代码移植高通平台之十一】 通过input子系统上报按键值
茫茫大士的专栏
03-23 653
通过input子系统上报按键值 自己写得按键驱动程序只能自己用，其它应用程序想使用的话必须修改代码。linux系统大部分按键类驱动程序，都是使用input子系统来上报输入事件的。所以只要将按键的驱动程序融入到input子系统的框架里，很多应用程序直接就可以使用。 一般的方法是（分配 设置 注册） 通过input_allocate_device分配一个input_dev结构体 设置这个in...
键盘按键编码
liuchang631的专栏
04-22 3221
在计算机还没有出现之前，有一种叫做电传打字机（Teletype Model 33）的玩意，每秒钟可以打10个字符。但是它有一个问题，就是打完一行换行的时候，要用去0.2秒，正好可以打两个字符。要是在这0.2秒里面，又有新的字符传过来，那么这个字符将丢失。于是，研制人员想了个办法解决这个问题，就是在每行后面加两个表示结束的字符。一个叫做“回车”，告诉打字机把打印头定位在左边界；另一个叫做“换行”
WebSocket简单使用(五) - 模拟微信 连接键盘 功能
weixin_30955341的博客
08-25 255
背景： 前几天老大突然发现微信有个链接键盘的功能，我仔细想了下或许是使用WebSocket来实现的，又加上最近HTML5的呼声愈来愈高，觉得有必要研究下HTML5了。 什么是”连接键盘“功能 ”连接键盘“功能其实就是开通了网页版的微信，利用键盘可以快速录入文字聊天。 连接方法很简单，用手机打开微信点击右上角魔术棒，会弹出三个选项，只用选择连接键盘就可以了，这时用浏览器打开wx....
JS键盘按键监听-多个按键同时按下
qq_45740377的博客
05-14 3625
两个按键一起按下时，两个事件都会被监听到，但是只有后面一个事件会被响应。
七天速记前端八股文（重点）
最新发布
m0_68271787的博客
04-26 1421
父级元素没有包含浮动元素，因此在正常情况下，父级元素的高度会根据其内容的高度来自动调整，但是因为浮动元素脱离了文档流，父级元素无法正确计算其高度，导致父级元素出现高度塌陷的情况。以上代码是防止外边距合并的案例，在代码中如果一个父元素div里的子元素div需要和父元素一样等级的div一起做操作，子元素div的外边距下和另一个div的外边距上会合并。跨域原理，即是通过各种方式，避开浏览器的安全限制。利用用户在被攻击网站已经获取的注册凭证，绕过后台的用户验证，达到冒充用户对被攻击的网站执行某项操作的目的。
前端面试题整理
newbalsh的博客
06-07 936
工厂模式是一种设计模式，目的是为了创建对象，它通常在类或类的静态方法中实现，有以下目的：当创建相似对象是执行重复操作当编译时，不知道具体类型的情况下，为工厂客户提供一个创建对象的接口//使用工厂方式创建一个对象//1.原料//2.加工 -- 对属性进行赋值//3.方法console.log("人物名称："+this.name);console.log("人物的性别："+this.sex);//4.加工结束,--输出返回return obj;//工厂模式的使用。
前端面试题汇总 - 基础
将心_的博客
10-18 1893
前端面试基础题目汇总
vue页面加载时同时请求两个接口
wangwei的博客
09-29 6035
请求接口数据： 代码： <template> <div style="margin: 0 10px;"> <h4 style="float:left;margin:10px 0px 5px 5px">职务信息</h4> <div style="float:right;margin:5px 0px 5px 5px"> <el-col :span="1.5"> <el-b...
JavaScript捕获同时多个按键-非组合键
正经的博客
07-18 6372
用户同时按下两个或多个按键时，如何判断用户按下了哪些键： 比如如何判断用户同时按下了‘A’和‘H’键 segmentd 的 Clark 提供的思路： Ctl,alt是有专门判断的属性的。如果是其他的组合，我有想法，就是keydown的时候，push到Array里面存着，keyup的时候在删掉对应的。每次keydown的时候检查一下array。
使用JS监听键盘两个组合键触发的事件
西域的狼的专栏
04-20 4361
Demo               $(document).ready(       function(){           document.onkeydown = function()           {               var oEvent = window.event;               if (oEvent.keyCode == 4
JS键盘事件获取键盘码
前端、python爱好者
08-24 2608
JS中的键盘事件 keydown：在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件，但是 Opera 浏览器不支持这种连续操作。该事件处理函数返回 false 时，会取消默认的动作（如输入的键盘字符，在 IE 和 Safari 浏览器下还会禁止keypress 事件响应）。 keyup：释放某个键盘键时触发。该事件仅在松开键盘时触发一次，不是一个持续的响应状态。 keypress：按下某个键盘键并释放时触发。如果按住某个键，会不断触发该事件。该事件处理函数返回 false 时，会取消默认的
javascript 获取上下左右键盘进行操作
water_Popcorn的博客
03-17 1329
实现：点击键盘的上下左右键，在屏幕上对应的按键 html源码： <div> 按键：<input type="text" id="direction" value="" > </div> js源码： var turn = "" // 按键事件 document.onkeydown = function(evt){ // ...
js获取及判断键盘按键的方法
xuzheng_hua的博客
11-22 1344
keyCode 8 = BackSpace BackSpace keyCode 9 = Tab Tab keyCode 12 = Clear keyCode 13 = Enter keyCode 16 = Shift_L keyCode 17 = Control_L keyCode 18 = Alt_L keyCode 19
WebSocket向后台服务器发送请求，查询是否有新的订单。
06-10
使用WebSocket技术可以实现实时通信，从而实现后台新订单的实时监听。WebSocket是一种双向通信协议，可以在客户端和服务器之间建立持久连接，实现实时数据传输。相比传统的HTTP请求，WebSocket具有更低的延迟和更高...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值