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 相关文章推荐
JQuery调webservice实现邮箱验证(检测是否可用)
May 21 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
Javascript数组与字典用法分析
Dec 13 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
Dec 29 Javascript
Javascript中匿名函数的调用与写法实例详解(多种)
Jan 26 Javascript
Jquery attr()方法 属性赋值和属性获取详解
Apr 15 Javascript
Bootstrap布局方式详解
May 27 Javascript
js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换
Dec 06 Javascript
JavaScript模板引擎Template.js使用详解
Dec 15 Javascript
js实现的在线调色板功能完整实例
Dec 21 Javascript
拖动时防止选中
Feb 03 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 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
php过滤html标记属性类用法实例
2014/09/23 PHP
100行PHP代码实现socks5代理服务器
2016/04/28 PHP
php自定义中文字符串截取函数substr_for_gb2312及substr_for_utf8示例
2016/05/28 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
激活 ActiveX 控件
2006/10/09 Javascript
JQuery 初体验(建议学习jquery)
2009/04/25 Javascript
jquery.jstree 增加节点的双击事件代码
2010/07/27 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
jQuery中复合属性选择器用法实例
2014/12/31 Javascript
JavaScript移除数组内重复元素的方法
2015/03/18 Javascript
浏览器中url存储的JavaScript实现
2015/07/07 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
2015/08/06 Javascript
jQuery满屏焦点图左右滚动特效代码分享
2015/09/07 Javascript
总结在前端排序中遇到的问题
2016/07/19 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
2017/03/15 Javascript
vue货币过滤器的实现方法
2017/04/01 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
node.js到底要不要加分号浅析
2018/07/11 Javascript
jQuery 同时获取多个标签的指定内容并储存为数组
2018/11/20 jQuery
Vue最新防抖方案(必看篇)
2019/10/30 Javascript
JS实现导航栏楼层特效
2020/01/01 Javascript
[02:12]2019完美世界全国高校联赛(春季赛)报名开启
2019/03/01 DOTA
[01:33]完美世界DOTA2联赛PWL S3 集锦第二期
2020/12/21 DOTA
python3生成随机数实例
2014/10/20 Python
python中pygame针对游戏窗口的显示方法实例分析(附源码)
2015/11/11 Python
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
30秒学会30个超实用Python代码片段【收藏版】
2019/10/15 Python
python爬虫搭配起Bilibili唧唧的流程分析
2020/12/01 Python
canvas使用注意点总结
2013/07/19 HTML / CSS
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
光声世纪笔试题目
2012/08/25 面试题
JavaScript实现前端网页版倒计时
2021/03/24 Javascript
彩色的非洲教学反思
2014/02/18 职场文书
汇报材料怎么写
2014/12/30 职场文书
穷人该怎么创业?谨记以下几点
2019/07/11 职场文书
MySQL读取JSON转换的方式
2022/03/18 MySQL