JavaScript取得键盘按下方向键是哪个的方法


Posted in Javascript onAugust 04, 2015

本文实例讲述了JavaScript取得键盘按下方向键是哪个的方法。分享给大家供大家参考。具体如下:

这里通过创建一个event.keyCode对象,可有效获取键盘上的方向键,运行代码后,点击键盘上的任意方向键,网页会以Alert的方式返回你按下的是哪个键。

运行效果如下图所示:

JavaScript取得键盘按下方向键是哪个的方法

具体代码如下:

<html>
<head>
<title>取得键盘的方向键</title>
<script language="javascript">
<!--
  function showkey(){
    key = event.keyCode;
    if (key == 37) alert("按了←键!");
    if (key == 38) alert("按了↑键!");
    if (key == 39) alert("按了→键!");
    if (key == 40) alert("按了↓键!");
  }
  document.onkeydown=showkey;
-->
</script>
</head>
<body>
请按方向键←↑→↓
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript XML数据显示为HTML一例
Dec 23 Javascript
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
Oct 15 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
Sep 25 Javascript
优化RequireJS项目的相关技巧总结
Jul 01 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
前端框架Vue.js中Directive知识详解
Sep 12 Javascript
AngularJS中下拉框的高级用法示例
Oct 11 Javascript
vue初尝试--项目结构(推荐)
Jan 30 Javascript
selenium+java中用js来完成日期的修改
Oct 31 Javascript
Vue.directive 实现元素scroll逻辑复用
Nov 29 Javascript
node.JS事件机制与events事件模块的使用方法详解
Feb 06 Javascript
如何通过简单的代码描述Angular父组件、子组件传值
Apr 07 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
Aug 04 #Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 #Javascript
JavaScript实现添加及删除事件的方法小结
Aug 04 #Javascript
JS实现转动随机数抽奖特效代码
Apr 16 #Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
Aug 04 #Javascript
jquery控制显示服务器生成的图片流
Aug 04 #Javascript
JavaScript实现LI列表数据绑定的方法
Aug 04 #Javascript
You might like
4.与数据库的连接
2006/10/09 PHP
PHP开发过程中常用函数收藏
2009/12/14 PHP
朋友网关于QQ相关的PHP代码(研究QQ的绝佳资料)
2015/01/26 PHP
Yii2框架中日志的使用方法分析
2017/05/22 PHP
jValidate 基于jQuery的表单验证插件
2009/12/12 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
2012/09/14 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
jquery中$(#form :input)与$(#form input)的区别
2014/08/18 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
2015/06/10 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
JavaScript简单拖拽效果(1)
2017/05/17 Javascript
JavaScript标准对象_动力节点Java学院整理
2017/06/27 Javascript
微信小程序实现导航栏选项卡效果
2020/06/19 Javascript
vue axios登录请求拦截器
2018/04/02 Javascript
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
vue双向绑定数据限制长度的方法
2019/11/04 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
js实现可爱的气泡特效
2020/09/05 Javascript
Javascript生成器(Generator)的介绍与使用
2021/01/31 Javascript
[01:24:09]Ti4 冒泡赛第二轮DK vs C9 1
2014/07/14 DOTA
Python中的True,False条件判断实例分析
2015/01/12 Python
pandas按行按列遍历Dataframe的几种方式
2019/10/23 Python
Python字符串中删除特定字符的方法
2020/01/15 Python
Django实现whoosh搜索引擎使用jieba分词
2020/04/08 Python
Keras 切换后端方式(Theano和TensorFlow)
2020/06/19 Python
canvas实现俄罗斯方块的方法示例
2018/12/13 HTML / CSS
中国领先的专业演出票务网:永乐票务
2016/08/29 全球购物
应用数学专业求职信
2014/03/14 职场文书
教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
教师业务学习材料
2014/12/16 职场文书
2015年安康杯竞赛活动总结
2015/03/26 职场文书
2016年教师寒假学习心得体会
2015/10/09 职场文书
接收函
2019/04/22 职场文书
python编程简单几行代码实现视频转换Gif示例
2021/10/05 Python