首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js获取键盘的keyCode——-Day42

    济南今天是大雨倾盆啊,这闷热一扫而空,只是有些电闪雷鸣的,原想在公司里就完毕今天的博客记录的,只是不知道为什么怎么也登不上博客,预计是CSDN当时的server出问题了吧,好在到了晚上,这雷声小了也少了...关于对javascript的学习,我总感觉不能那么单调的去看代码,还是要给自己找点乐子,游戏就成了着手点,能够互动更能让人不亦乐乎吧,那么对于一个电脑来说,我们能够实现的互动手段实在是有限的能够:键盘、...鼠标,当然假设有触摸屏的话也能算的,而假设想要有效的应用,至少要知道你说的是什么,你告诉它的指令是什么,这就要求我们要更清晰的了解它的传递原理和语法,当然我们都知道机器读的是数字,那要让它怎样获取给它的数字指令呢...这样,我先把写的获取键盘keyCode的方法附上: html语言 的相应吧,上图: 不得不说网络是个好东西,这些都已经有整理好的,真棒,我们假设真要有游戏操作的话,确实有那么几个须要倍加关注吧,毕竟习惯的力量是巨大的 a:65、w:

    2.2K20

    使用JS监听键盘按下事件

    事件说明 我们将键盘按下后事件的所有属性和方法打印出来(这里以按下1为例) document.onkeydown = function(event){ console.log(event)...; }  这里面有几个需要注意的属性 key:按下按键的名称 keyCode:按下按键的键码 altKey、ctrlKey、shiftKey:当组合按下(如ctrl+c)时,ctrlKey会变为...true 一、查看所有键 (获取event.key 按下的按键名称)(获取event.keyCode 按下的键码) document.onkeydown = function(event){...console.log("按下:"+event.key+"键:"+event.keyCode); } 按下任意按键后的效果: 二、监听回车按下事件 这里以回车键(键码为13)为例 ,如果需要监听不同的按键...Y 89 7 55 Z 90 8 56 0 48 9 57 数字键盘上的键的键码值 按键 键码 按键 键码 0 96 8 104 1 97 9 105 2 98 * 106 3 99 + 107

    11.5K10

    JS-事件之鼠标、键盘都能控制的下拉选框效果

    menu.style.display = "block"; //添加键盘事件 //问题出在按了回车之后,怎么把对应的分类内容填进去。...(ie中添加事件监听器的方法)和addEventListener(通用浏览器中添加事件监听器)。...提示: 1、点击三角时需阻止事件冒泡 二、 展开菜单之后,在document对象上绑定keyup事件,(键盘事件不是某个具体的对象了,所以要帮到document上面来)按下向下方向键,选中下一个选项...,按下向上方向键,选中上一个选项,按下回车键菜单收起,显示选中项 提示: 1、 声明一个全局的index变量初值为-1 2、 按下向下方向键时index递增,当递增至大于等于菜单选项的总数时恢复为0 3...、 按下向上方向键时判断index,如若小于等于0则设为菜单选项的总数,之后递减index 4、 根据index值将对应的选项设为当前(灰色背景) 5、 按下回车键时将对应选中的选项设为菜单标题,且将所有选项设为无背景

    3.2K50

    js实现键盘操作对div的移动或改变——-Day43

    言归正传,继续今天的记录,实际上在刚開始的时候,我以为能够非常快的实现这个功能,毕竟昨天记录了获取键盘按键的值的事件,有了值,无非就是针对不同值做不同的操作嘛,并且之前以前在写贪吃蛇时也用到过。...结果一捯饬,又是好久的一段时间,所以感觉有必要记录下的,一方面确有可取之处,还有一方面也对自己的提醒,刚刚实现过的功能转头又是陌生人了,总的来说,算是温故而知新吧。...这样我们先来分析,要实现键盘操作实现div的移动大概的原理吧: *—要实现div的移动,首先最关键的一点:获取div对象 *—postion:absolute将div全然从文档流中拖出啊,这个地方漏掉了...,回去看了贪吃蛇才发现的,真晕 *—获取键盘的操作 *—依据键盘的不同操作,给出不同响应 这就是我想起的大概须要注意的地方,还是先来看代码: 先是html部分 <div style="width...; switch(event.keyCode){ //哈哈,获取到键盘操作了吧 case 37:toLeft=true;break;//改变变量,继续运行最初的循环,不让你停不能停啊 case

    4.3K10
    领券