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优化(二)Form表单提交通用实现
Apr 15 Javascript
jquery JSON的解析方式示例介绍
Jul 27 Javascript
js插件YprogressBar实现漂亮的进度条效果
Apr 20 Javascript
json格式的javascript对象用法分析
Jul 04 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
Feb 09 Javascript
js图片放大镜效果实现方法详解
Oct 28 Javascript
基于Vue过渡状态实例讲解
Sep 14 Javascript
vue中的模态对话框组件实现过程
May 01 Javascript
vue.js与后台数据交互的实例讲解
Aug 08 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
Sep 15 Javascript
探索JavaScript中私有成员的相关知识
Jun 13 Javascript
详解Nuxt.js 实战集锦
Nov 19 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+.htaccess实现全站静态HTML文件GZIP压缩传输(一)
2007/02/15 PHP
在CentOS系统上从零开始搭建WordPress博客的全流程记录
2016/04/21 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
JavaScript的目的分析
2007/01/05 Javascript
超级兔子让浮动层消失的前因后果
2007/03/09 Javascript
JS 文件本身编码转换 图文教程
2009/10/12 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
2013/04/26 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
2013/07/09 Javascript
JS的document.all函数使用示例
2013/12/30 Javascript
禁止IE用右键的JS代码
2013/12/30 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
Angular.js中用ng-repeat-start实现自定义显示
2016/10/18 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
vue实现动态显示与隐藏底部导航的方法分析
2019/02/11 Javascript
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
python读取csv文件示例(python操作csv)
2014/03/11 Python
在Python中使用swapCase()方法转换大小写的教程
2015/05/20 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
基于Tensorflow批量数据的输入实现方式
2020/02/05 Python
使用Keras训练好的.h5模型来测试一个实例
2020/07/06 Python
python实现MySQL指定表增量同步数据到clickhouse的脚本
2021/02/26 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
举例详解HTML5中使用JSON格式提交表单
2015/06/16 HTML / CSS
一个SQL面试题
2014/08/21 面试题
如何利用find命令查找文件
2015/02/07 面试题
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
收款授权委托书
2014/10/02 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
先进个人事迹材料范文
2014/12/30 职场文书
销售业务员岗位职责
2015/02/13 职场文书
党小组考察意见
2015/06/02 职场文书
经营场所证明范本
2015/06/19 职场文书
2015年学校医务室工作总结
2015/07/20 职场文书
幼儿园心得体会范文
2016/01/21 职场文书
教你利用Nginx 服务搭建子域环境提升二维地图加载性能的步骤
2021/09/25 Servers