文档章节

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

tianhuahua
 tianhuahua
发布于 2014/06/16 14:53
字数 112
阅读 97
收藏 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
博文 48
码字总数 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
晒晒工作中的静态文件大小控制制度

第1条 图片大小控制,负责人为开发经理、产品人员。 所有美工制作、程序上传或者程序采集图片大小均应该在以下范围之内: a) 像素点大于等于20000的,图片大小=(像素点4)/10000(上下波动图...

我叫张大熊
2013/01/13
0
0
人人网JavaScript面试题

http://www.phpchina.com/archives/view-42561-1.html 在phpchina上看到的,我的乖乖,如果不用框架或现场手写,我就直接可以歇菜了。 好奇的是,这样的试题一般多少时间内完成。 JavaScript...

陨落人间
2013/01/13
6.5K
43

没有更多内容

加载失败,请刷新页面

加载更多

开源 serverless 产品原理剖析(二) - Fission

背景 本文是开源 serverless 产品原理剖析系列文章的第二篇,关于 serverless 背景知识的介绍可参考文章开源 serverless 产品原理剖析(一) - Kubeless,这里不再赘述。 Fission 简介 Fiss...

阿里云官方博客
12分钟前
1
0
Android面试整理(附答案)

面试,无非都是问上面这些问题(挺多的 - -!),聘请中高级的安卓开发会往深的去问,并且会问一延伸二。以下我先提出几点重点,是面试官基本必问的问题,请一定要去了解! 基础知识 – 四大组...

终端研发部
17分钟前
3
0
Vue 改变数组触发视图更新

Vue 改变数组触发视图更新 以下方法调用会改变原始数组 push(), pop(), shift(), unshift(), splice(), sort(), reverse()push()push() 方法可向数组的末尾添加一个或多个元素,并返回新的...

不负好时光
22分钟前
2
0
计算机系统要素 C5

本章值得一提的是组织计算机的结构。Hack 的指令和数据是分开存储的,因此它的 CPU 有两个 input: IN inM[16], // M value input (M = contents of RAM[A]) instruction[16],...

lionets
38分钟前
3
0
SpringSecurity404需要注意的地方

在使用@RequestMapping的时候路径的值如果写为("auth"),虽然用的时候前面加不加"/"没有区别,但是在配置了SpringSecurity的http.authorizeRequests().antMatchers()时就必须要注意了! 🌰1...

百萬馬力
42分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部