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的siblings效果的js代码
Aug 09 Javascript
浅谈javascript的原型继承
Jul 25 Javascript
jQuery把表单元素变为json对象
Nov 06 Javascript
写JQuery插件的基本知识
Nov 25 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 Javascript
在JavaScript中模拟类(class)及类的继承关系
May 20 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
基于jQuery实现的打字机效果
Jan 16 Javascript
JS正则获取HTML元素的方法
Mar 31 Javascript
微信小程序scroll-view实现字幕滚动
Jul 14 Javascript
微信小程序支付前端源码
Aug 29 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 mvc开发模式的感想
2011/06/28 PHP
PHP中使用smarty生成静态文件的例子
2014/04/24 PHP
php-redis中的sort排序函数总结
2015/07/08 PHP
Yii2实现同时搜索多个字段的方法
2016/08/10 PHP
浅谈laravel 5.6 安装 windows上使用composer的安装过程
2019/10/18 PHP
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
在表单提交前进行验证的几种方式整理
2013/07/31 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
jquery请求servlet实现ajax异步请求的示例
2017/06/03 jQuery
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
2019/06/09 Javascript
jquery.pager.js分页实现详解
2019/07/29 jQuery
layui prompt 设置允许空白提交的方法
2019/09/24 Javascript
Vue绑定用户接口实现代码示例
2020/11/04 Javascript
Vue-router编程式导航的两种实现代码
2021/03/04 Vue.js
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
pandas 获取季度,月度,年度首尾日期的方法
2018/04/11 Python
利用Python写一个爬妹子的爬虫
2018/06/08 Python
python celery分布式任务队列的使用详解
2019/07/08 Python
python实现在线翻译功能
2020/03/03 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
法国娇韵诗官方旗舰店:Clarins是来自法国的天然护肤品牌
2018/06/30 全球购物
Farfetch台湾官网:奢侈品牌时尚购物平台
2019/06/17 全球购物
Big Green Smile法国:领先的英国有机和天然产品在线商店
2021/01/02 全球购物
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
小学老师寄语大全
2014/04/04 职场文书
《槐乡五月》教学反思
2014/04/25 职场文书
小学生环保标语
2014/06/13 职场文书
党支部群众路线整改措施思想汇报
2014/10/10 职场文书
2014年班干部工作总结
2014/11/25 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
Python开发之QT解决无边框界面拖动卡屏问题(附带源码)
2021/05/27 Python
MySQL为id选择合适的数据类型
2021/06/07 MySQL
springboot @ConfigurationProperties和@PropertySource的区别
2021/06/11 Java/Android
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android
MySQL 用 limit 为什么会影响性能
2021/09/15 MySQL