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自定义事件的应用 JQuery最佳实践
Aug 01 Javascript
jQuery插件 selectToSelect使用方法
Oct 02 Javascript
javascript数组操作方法小结和3个属性详细介绍
Jul 05 Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
May 03 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
JS中作用域和变量提升(hoisting)的深入理解
Oct 31 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
Jun 22 Javascript
vue计算属性computed的使用方法示例
Mar 13 Javascript
微信小程序日历弹窗选择器代码实例
May 09 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
Dec 12 Javascript
Vue如何基于vue-i18n实现多国语言兼容
Jul 17 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获取指定函数定义在哪个文件中以及其所在的行号实例
2014/05/08 PHP
php实现的常见排序算法汇总
2014/09/08 PHP
php实现递归的三种基本方式
2020/07/04 PHP
Yii实现Command任务处理的方法详解
2016/07/14 PHP
PHP addAttribute()函数讲解
2019/02/03 PHP
取得传值的函数
2006/10/27 Javascript
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
2009/11/04 Javascript
js 实现无干扰阴影效果 简单好用(附文件下载)
2009/12/27 Javascript
a标签的href和onclick 的事件的区别介绍
2013/07/26 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
2013/12/30 Javascript
js将控件隐藏及display属性的使用介绍
2013/12/30 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
2015/11/25 Javascript
jQuery实现监控页面所有ajax请求的方法
2015/12/10 Javascript
javascript先序遍历DOM树的方法
2016/02/27 Javascript
前端跨域的几种解决方式总结(推荐)
2017/08/16 Javascript
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
使用canvas实现一个vue弹幕组件功能
2018/11/30 Javascript
深入理解Vue.js轻量高效的前端组件化方案
2018/12/10 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
2019/04/28 Javascript
vscode中eslint插件的配置(prettier配置无效)
2019/09/10 Javascript
[38:38]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.17
2020/12/18 DOTA
Python cookbook(数据结构与算法)对切片命名清除索引的方法
2018/03/13 Python
PyCharm搭建Spark开发环境实现第一个pyspark程序
2019/06/13 Python
如何用Python做一个微信机器人自动拉群
2019/07/03 Python
tensor和numpy的互相转换的实现示例
2019/08/02 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
python+appium+yaml移动端自动化测试框架实现详解
2020/11/24 Python
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
中科软笔试题和面试题
2014/10/07 面试题
党的群众路线对照检查材料思想汇报
2014/09/25 职场文书
2015年银行工作总结范文
2015/04/01 职场文书
买卖合同纠纷代理词
2015/05/25 职场文书
埃及王子观后感
2015/06/16 职场文书
nginx中proxy_pass各种用法详解
2021/11/07 Servers
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL