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 相关文章推荐
关于JS控制代码暂停的实现方法分享
Oct 11 Javascript
javascript使用数组的push方法完成快速排序
Sep 15 Javascript
JS实现5秒钟自动封锁div层的方法
Feb 20 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
Apr 06 Javascript
高效利用Angular中内置服务$http、$location等
Mar 22 Javascript
javascript显示倒计时控制按钮的简单实现
Jun 07 Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
Oct 25 Javascript
原生js实现简单的模态框示例
Sep 08 Javascript
详解Angular5 路由传参的3种方法
Apr 28 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 Javascript
p5.js实现简单货车运动动画
Oct 23 Javascript
JS removeAttribute()方法实现删除元素的某个属性
Jan 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
抓取YAHOO股票报价的类
2009/05/15 PHP
phpmail类发送邮件函数代码
2012/02/20 PHP
php笔记之:php函数range() round()和list()的使用说明
2013/04/26 PHP
php调用Google translate_tts api实现代码
2013/08/07 PHP
浅析PHP原理之变量(Variables inside PHP)
2013/08/09 PHP
Smarty模板引擎缓存机制详解
2016/05/23 PHP
使用js检测浏览器的实现代码
2013/05/14 Javascript
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
jquery判断小数点两位和自动删除小数两位后的数字
2014/03/19 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
JQuery实现动态适时改变字体颜色的方法
2015/03/10 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
2016/08/24 Javascript
nodejs实现邮件发送服务实例分享
2017/03/29 NodeJs
微信小程序中的onLoad详解及简单实例
2017/04/05 Javascript
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
nodejs 日志模块winston的使用方法
2018/05/02 NodeJs
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
解决出现Incorrect integer value: '' for column 'id' at row 1的问题
2017/10/29 Python
Python使用PIL模块生成随机验证码
2017/11/21 Python
python与sqlite3实现解密chrome cookie实例代码
2018/01/20 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
Python爬虫 bilibili视频弹幕提取过程详解
2019/07/31 Python
python plotly画柱状图代码实例
2019/12/13 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
Python基于unittest实现测试用例执行
2020/11/25 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
豆腐の盛田屋官网:日本自然派的豆乳面膜、肥皂、化妆水、乳液等
2016/10/08 全球购物
联想新加坡官方网站:Lenovo Singapore
2017/10/24 全球购物
俄罗斯最大的在线珠宝大卖场:Nebo
2019/12/08 全球购物
入党积极分子介绍信
2014/01/17 职场文书
资源环境与城乡规划管理专业自荐书
2014/09/26 职场文书
2015年先进个人自荐书
2015/03/24 职场文书
幼儿园2016年圣诞活动总结
2016/03/31 职场文书
2016年中学端午节主题活动总结
2016/04/01 职场文书
描写九月优美句子(39条)
2019/09/11 职场文书
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js