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的finkyUI插件与Ajax实现页面数据加载功能
Dec 03 Javascript
js通过googleAIP翻译PHP系统的语言配置的实现代码
Oct 17 Javascript
jquery触发a标签跳转事件示例代码
Jul 21 Javascript
js函数名与form表单元素同名冲突的问题
Mar 07 Javascript
node.js中使用node-schedule实现定时任务实例
Jun 03 Javascript
浅谈JavaScript异常处理语句
Jun 26 Javascript
Bootstrap表单布局
Jul 19 Javascript
jQuery简单实现title提示效果示例
Aug 01 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
Oct 10 Javascript
详解JS-- 浮点数运算处理
Nov 28 Javascript
微信小程序模板(template)使用详解
Jan 31 Javascript
简单实现节流函数和防抖函数过程解析
Oct 08 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实现图片防盗链破解操作示例【解决图片防盗链问题/反向代理】
2020/05/29 PHP
Flash对联广告的关闭按钮讨论
2007/01/30 Javascript
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
jQuery ajax cache缓存问题
2010/07/01 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
使用firebug进行调试javascript的示例
2013/12/16 Javascript
jquery复选框checkbox实现删除前判断
2014/04/20 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
JS中使用正则表达式g模式和非g模式的区别
2017/04/01 Javascript
echarts实现地图定时切换散点与多图表级联联动详解
2018/08/07 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
2018/10/23 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
JavaScript遍历数组的方法代码实例
2020/01/14 Javascript
Vue 中获取当前时间并实时刷新的实现代码
2020/05/12 Javascript
JavaScript实现复选框全选和取消全选
2020/11/20 Javascript
Python import自定义模块方法
2015/02/12 Python
利用Python命令行传递实例化对象的方法
2016/11/02 Python
Django分页查询并返回jsons数据(中文乱码解决方法)
2018/08/02 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
Django基于客户端下载文件实现方法
2020/04/21 Python
python批量生成条形码的示例
2020/10/10 Python
flask框架中的cookie和session使用
2021/01/31 Python
HTML5 Video标签的属性、方法和事件汇总介绍
2015/04/24 HTML / CSS
美赞臣新加坡官方旗舰店:Enfagrow新加坡
2019/05/15 全球购物
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
人事助理岗位职责
2013/11/18 职场文书
护理专业自荐信
2013/12/03 职场文书
开办加工厂创业计划书
2014/01/03 职场文书
有兼职工作经历的简历自我评价
2014/03/07 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
社区两委对照检查材料
2014/08/23 职场文书
职工擅自离岗检讨书
2014/09/23 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
关于Oracle12C默认用户名system密码不正确的解决方案
2021/10/16 Oracle
Python采集壁纸并实现炫轮播
2022/04/30 Python