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中继承的三种方式
Oct 16 Javascript
aspx中利用js实现确认删除代码
Jul 22 Javascript
ExtJs GridPanel简单的增删改实现代码
Aug 26 Javascript
jQuery动态添加的元素绑定事件处理函数代码
Aug 02 Javascript
Javascript排序算法之计数排序的实例
Apr 05 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
Jan 25 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
Feb 16 Javascript
文本框只能输入数字的js代码(含小数点)
Jul 10 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
Aug 24 Javascript
jQuery实现导航回弹效果
Feb 27 Javascript
vue.js中指令Directives详解
Mar 20 Javascript
vue 使用html2canvas将DOM转化为图片的方法
Sep 11 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
一个MYSQL操作类
2006/11/16 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
php使用PDO方法详解
2014/12/27 PHP
thinkPHP5.0框架环境变量配置方法
2017/03/17 PHP
基于mootools 1.3框架下的图片滑动效果代码
2011/04/22 Javascript
window.print打印指定div实例代码
2013/12/13 Javascript
jQuery中delegate和on的用法与区别详细解析
2014/01/26 Javascript
weUI应用之JS常用信息提示弹层的封装
2016/11/21 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
2017/01/25 Javascript
js实现简易垂直滚动条
2017/02/22 Javascript
深入理解JavaScript继承的多种方式和优缺点
2017/05/12 Javascript
JavaScript简介_动力节点Java学院整理
2017/06/26 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
react-native封装插件swiper的使用方法
2018/03/20 Javascript
create-react-app修改为多页面支持的方法
2018/05/17 Javascript
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
小程序自定义日历效果
2018/12/29 Javascript
js实现无缝轮播图插件封装
2020/07/31 Javascript
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
python 装饰器功能以及函数参数使用介绍
2012/01/27 Python
Python中将字典转换为XML以及相关的命名空间解析
2015/10/15 Python
python使用scrapy发送post请求的坑
2018/09/04 Python
通过python将大量文件按修改时间分类的方法
2018/10/17 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
python3实现的zip格式压缩文件夹操作示例
2019/08/17 Python
华润集团网上药店:健一网
2016/09/19 全球购物
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
英国最大的在线亚洲杂货店:Red Rickshaw
2020/03/22 全球购物
人事行政主管岗位职责
2013/12/22 职场文书
自动化职业生涯规划书范文
2014/01/03 职场文书
高中化学教学反思
2014/01/13 职场文书
事业单位请假制度
2014/01/13 职场文书
大三毕业自我鉴定
2014/01/15 职场文书
公安纪律作风整顿心得体会
2016/01/23 职场文书
超详细Python解释器新手安装教程
2021/05/10 Python
Python中常见的反爬机制及其破解方法总结
2021/06/10 Python