文档章节

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

tianhuahua
 tianhuahua
发布于 2014/06/16 14:53
字数 112
阅读 91
收藏 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
博文 46
码字总数 14194
作品 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

没有更多内容

加载失败,请刷新页面

加载更多

HashTable

Hashtable 是一个散列表,它存储的内容是键值对(key-value)映射 Hashtable 继承于Dictionary,实现了Map、Cloneable、java.io.Serializable接口 Hashtable 的函数都是同步的,这意味着它是线...

职业搬砖20年
22分钟前
1
0
Linux系统状态查看命令1

10月23日任务 10.1 使用w查看系统负载 10.2 vmstat命令 10.3 top命令 10.4 sar命令 10.5 nload命令 查看系统负载 w命令 # 第一行:当前系统时间,系统启动时间,登录的用户,系统负载:1分钟...

robertt15
37分钟前
2
0
缓存那些事

前言 一般而言,现在互联网应用(网站或App)的整体流程,可以概括如图1所示,用户请求从界面(浏览器或App界面)到网络转发、应用服务再到存储(数据库或文件系统),然后返回到界面呈现内容...

Skqing
46分钟前
2
0
nginx开启stub_status模块配置方法

nginx开启stub_status模块配置方法 2017年12月13日 15:57:29 ly_dengle 阅读数:3765 标签: stub_statusnginxnginx开启stub_status模块 更多 个人分类: 软件工具php 版权声明:本文为博主原...

linjin200
53分钟前
3
0
挑逗 Java 程序员的那些 Scala 绝技

有个问题一直困扰着 Scala 社区,为什么一些 Java 开发者将 Scala 捧到了天上,认为它是来自上帝之吻的完美语言;而另外一些 Java 开发者却对它望而却步,认为它过于复杂而难以理解。同样是 ...

joymufeng
56分钟前
154
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部