文档章节

js监控键盘上下左右的按下更换图片

tianhuahua
 tianhuahua
发布于 2014/06/16 14:53
字数 112
阅读 74
收藏 0
<html>
 <head>
  <title>js键盘事件监听</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 </head>
    <Script language=javascript>
    function jumpPage() { 
        if (event.keyCode==37)//左 
    fun_a(); 
    if (event.keyCode==38)//上
     fun_b();
     if (event.keyCode==39)//右 
    fun_c(); 
    if (event.keyCode==40)//下 
    fun_d();
     }

     
    function fun_a(){ 
   	  document.getElementById("testimg").src="./image/left.png";
     }
    function fun_b(){ 
    	document.getElementById("testimg").src="./image/up.png";
    }
    function fun_c(){ 
    	document.getElementById("testimg").src="./image/right.png";
    }
    function fun_d(){
    	document.getElementById("testimg").src="./image/down.png";
    } 
    document.onkeydown=jumpPage;

    </Script>
    
<body>
请选择键盘上上下左右箭头
 <img src="" id="testimg" />
</body>
</html>


© 著作权归作者所有

共有 人打赏支持
tianhuahua
粉丝 3
博文 38
码字总数 8749
作品 0
深圳
程序员
Cocos2d-JS键盘事件

Cocos2d-JS中的键盘事件与触摸事件不同,它没有空间方面信息。键盘事件不仅可以响应键盘,还可以响应设备的菜单。 键盘事件是EventKeyboard,对应的键盘事件监听器(cc.EventListener.KEYBOA...

智捷课堂
2015/04/01
0
0
javascript键盘事件_javascript

[JavaScript]:e.which,e.charCode,e.keyCode 说明: charCode:对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键...

7LIB
2012/07/30
0
0
第45款插件:waterfall.js瀑布流布局单排图片自动滚动

描述:jquery仿堆糖网瀑布流图片布局,设置单排图片上下对齐图片自动上下交替滚动效果。单排图片按左右顺序上下图片自动滚动。 图片展示: 兼容浏览器:IE6+/Firefox/Google Chrome 官方链接...

子弹兄
2013/03/06
0
0
JavaScript零基础入门——(十三)JavaScript的事件

JavaScript零基础入门——(十三)JavaScript的事件 大家好,欢迎回到我们的JavaScript零基础入门。上一节课,我们了解了JavaScript定时器,也演示了一些比较经典的例子,其实我们已经用到了...

JandenMa
07/01
0
0
8种Javascript过渡特效

看过很多后,本人觉得jQuery scrollable 在其中算很优秀的。 以下转自:http://paranimage.com/8-kinds-of-transition-effects-javascript/ 8种JavaScript 过渡特效 , 涵盖淡入淡出、翻转特...

晨曦之光
2012/03/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

windbg学习记录

我开始熟练使用windbg是从帮助手册开始的,也就是.hh命令。 就像学习windows开发从msdn开始一样,微软的产品虽然不开源,但是文档做的是相当的好。然而那些开源的东西呢?开源的竞争力其实就...

simpower
8分钟前
0
0
学习scala的网站汇总

https://www.codacy.com/blog/how-to-learn-scala/

Littlebox
10分钟前
0
0
配置本地的cloud9开发环境

前言 说到在线IDE开发环境,cloud9是不能绕过的,cloud9支持很多语言,默认支持的就有Node.js,Python,Ruby,PHP,Go,更逆天的是,他还支持数据库,包括MySQL,MongoDB,Redis,SQLite。但...

Kefy
14分钟前
0
0
springcloud应用程序上下文层次结构

如果您从SpringApplication或SpringApplicationBuilder构建应用程序上下文,则将Bootstrap上下文添加为该上下文的父级。这是一个Spring的功能,即子上下文从其父进程继承属性源和配置文件,因...

itcloud
19分钟前
0
0
新程序员最爱的免费资源

简评:国外美女程序员推荐了她自己用过的一些免费资源,对新手比较友好的那种。 原作者 Ali Spittel,是个美女程序员,以下这些资源都是她自己试过的。以下「我」代表 Ali Spittel。 学 HTML...

极光推送
22分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部