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 相关文章推荐
屏蔽F1~F12的快捷键的js函数
May 06 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
Mar 05 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
JavaScript中的连字符详解
Nov 28 Javascript
js的window.showModalDialog及window.open用法实例分析
Jan 29 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 Javascript
JS数组排序方法实例分析
Dec 16 Javascript
jQuery插件zTree实现获取一级节点数据的方法
Mar 08 Javascript
React学习笔记之条件渲染(一)
Jul 02 Javascript
vue-cli项目中怎么使用mock数据
Sep 27 Javascript
QML实现圆环颜色选择器
Sep 25 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 传值赋值与引用赋值的区别
2010/12/29 PHP
浅析php面向对象public private protected 访问修饰符
2013/06/30 PHP
dedecms集成财付通支付接口
2014/12/28 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
javascript 面向对象的JavaScript类
2010/05/04 Javascript
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
2010/10/17 Javascript
jQuery调用WebService的实现代码
2011/06/19 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
使用js画图之圆、弧、扇形
2015/01/12 Javascript
原生Js实现简易烟花爆炸效果的方法
2015/03/20 Javascript
JS实现简易图片轮播效果的方法
2015/03/25 Javascript
JS随机调用指定函数的方法
2015/07/01 Javascript
JQuery实现鼠标滚轮滑动到页面节点
2015/07/28 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
jQuery的each循环用法简单示例
2016/06/12 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
2016/10/15 Javascript
vue双向绑定的简单实现
2016/12/22 Javascript
Vue2.0实现组件数据的双向绑定问题
2018/03/06 Javascript
微信小程序配置服务器提示验证token失败的解决方法
2019/04/03 Javascript
js中调用微信的扫描二维码功能的实现代码
2020/04/11 Javascript
全面解析JavaScript Module模式
2020/07/24 Javascript
javascript实现下拉菜单效果
2021/02/09 Javascript
Python写的Socks5协议代理服务器
2014/08/06 Python
python中xrange用法分析
2015/04/15 Python
Python下的Softmax回归函数的实现方法(推荐)
2017/01/26 Python
Python tkinter和exe打包的方法
2020/02/05 Python
Selenium环境变量配置(火狐浏览器)及验证实现
2020/12/07 Python
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
关于圣诞节的广播稿
2014/01/26 职场文书
餐厅经理岗位职责范本
2014/02/17 职场文书
2014年公司植树节活动方案
2014/03/04 职场文书
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
2014年保育员工作总结
2014/12/02 职场文书
公开致歉信
2019/06/24 职场文书
那些美到让人窒息的诗句,值得你收藏!
2019/08/20 职场文书