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 相关文章推荐
extjs 学习笔记(一) 一些基础知识
Oct 13 Javascript
JS实现网页Div层Clone拖拽效果
Sep 26 Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
May 10 Javascript
javascript中JSON.parse()与eval()解析json的区别
May 19 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
Oct 26 Javascript
Node.js中的http请求客户端示例(request client)
May 04 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 Javascript
简述vue状态管理模式之vuex
Aug 29 Javascript
JavaScript this绑定过程深入详解
Dec 07 Javascript
vue2路由基本用法实例分析
Mar 06 Javascript
基于js判断浏览器是否支持webGL
Apr 18 Javascript
JavaScript严格模式不支持八进制的问题讲解
Nov 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
Codeigniter整合Tank Auth权限类库详解
2014/06/12 PHP
PHPAnalysis中文分词类详解
2014/06/13 PHP
windows中为php安装mongodb与memcache
2015/01/06 PHP
php银联网页支付实现方法
2015/03/04 PHP
php实现httpRequest的方法
2015/03/13 PHP
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
JavaScript事件委托用法分析
2015/01/24 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
2015/10/22 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
2015/12/29 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
2015/12/29 Javascript
JavaScript String 对象常用方法详解
2016/05/13 Javascript
JQuery PHP图片在线裁剪实例
2020/07/27 Javascript
基于JavaScript实现带缩略图的轮播效果
2017/01/12 Javascript
Bootstrap面板(Panels)的简单实现代码
2017/03/17 Javascript
vue实现文章内容过长点击阅读全文功能的实例
2017/12/28 Javascript
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
mac下如何将python2.7改为python3
2018/07/13 Python
python读取TXT每行,并存到LIST中的方法
2018/10/26 Python
python f-string式格式化听语音流程讲解
2019/06/18 Python
python障碍式期权定价公式
2019/07/19 Python
Python人工智能之路 之PyAudio 实现录音 自动化交互实现问答
2019/08/13 Python
python基于event实现线程间通信控制
2020/01/13 Python
使用css3制作动感导航条示例
2014/01/26 HTML / CSS
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
Html5插件教程之添加浏览器放大镜效果的商品橱窗
2016/01/07 HTML / CSS
台湾旅游网站:灿星旅游
2018/10/11 全球购物
Baby Tulai澳大利亚:美国婴儿背带品牌
2018/10/15 全球购物
英国邮购活的植物主要供应商:Gardening Direct
2019/01/28 全球购物
施华洛世奇巴西官网:SWAROVSKI巴西
2019/12/03 全球购物
客房主管岗位职责
2013/12/09 职场文书
大学生职业生涯规划书范文
2014/01/04 职场文书
意外伤害赔偿协议书
2014/09/16 职场文书
有子女的离婚协议书怎么写(范本)
2014/09/29 职场文书
公司聚餐通知
2015/04/22 职场文书
上下班时间调整通知
2015/04/23 职场文书
Python djanjo之csrf防跨站攻击实验过程
2021/05/14 Python