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实例教程(19) 使用HoTMetal(2)
Dec 23 Javascript
js操作ajax返回的json的注意问题!
Feb 23 Javascript
jQuery制作仿腾讯web qq用户体验桌面
Aug 20 Javascript
JS中的eval 为什么加括号
Apr 13 Javascript
详解vee-validate的使用个人小结
Jun 07 Javascript
React学习笔记之条件渲染(一)
Jul 02 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
Vue render深入开发讲解
Apr 13 Javascript
深入浅析vue中cross-env的使用
Sep 12 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
Sep 19 Javascript
JS定时器如何实现提交成功提示功能
Jun 12 Javascript
javascript代码实现简易计算器
Jan 25 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中this,self,parent的区别详解
2013/06/08 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
php实现获取局域网所有用户的电脑IP和主机名、及mac地址完整实例
2014/07/18 PHP
javascript的对话框详解与参数
2007/03/08 Javascript
javascript 一个函数对同一元素的多个事件响应
2009/07/25 Javascript
dtree 网页树状菜单及传递对象集合到js内,动态生成节点
2012/04/14 Javascript
使用firebug进行调试javascript的示例
2013/12/16 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
Jquery使用val方法读写value值
2015/05/18 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
2015/11/04 Javascript
js操作cookie保存浏览记录的方法
2015/12/25 Javascript
jQuery对象的链式操作用法分析
2016/05/10 Javascript
BootStrap中Datepicker控件带中文的js文件
2016/08/10 Javascript
Ionic默认的Tabs模板使用实例
2016/08/29 Javascript
解决VUEX兼容IE上的报错问题
2018/03/01 Javascript
keep-alive保持组件状态的方法
2020/12/02 Javascript
简化Python的Django框架代码的一些示例
2015/04/20 Python
高质量Python代码编写的5个优化技巧
2017/11/16 Python
利用rest framework搭建Django API过程解析
2019/08/31 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
西班牙在线宠物商店:zooplus.es
2017/02/24 全球购物
英国顶级家庭折扣店:The Works
2017/09/06 全球购物
ShellScript面试题一则-ShellScript编程
2014/03/05 面试题
公务员培训自我鉴定
2013/09/19 职场文书
大学生个人事迹材料
2014/01/21 职场文书
《记金华的双龙洞》教学反思
2014/04/19 职场文书
关于运动会的口号
2014/06/07 职场文书
企业文化宣传标语
2014/06/09 职场文书
本科毕业生应聘求职信
2014/07/06 职场文书
八项规定对照检查材料
2014/08/31 职场文书
党的群众路线教育实践活动个人对照检查材料(四风)
2014/11/05 职场文书
2014年学前班工作总结
2014/12/08 职场文书
2015年初中生自我评价范文
2015/03/03 职场文书
导游词之山东八仙过海景区
2019/11/11 职场文书
python requests模块的使用示例
2021/04/07 Python