javascript 实现键盘上下左右功能的小例子

 更新时间:2013年09月15日 14:45:11   作者:  
这篇文章介绍了javascript 实现键盘上下左右功能的小例子,有需要的朋友可以参考一下

复制代码 代码如下:

 <script type="text/javascript">

  function up(){ alert("up");}

     function down(){alert("down");}

  function left(){ alert("left");}

     function right(){alert("right");}

  function jumpPage(){

    if(event.keyCode==37){

      left(); return ;

    }

    if(event.keyCode==38){

       up();return ;

    }

     if(event.keyCode==39){

      right();return ;

    }

    if(event.keyCode==40){

      down();return ;

    }

    document.onkeydown=jumpPage;
  }
</script>
 

相关文章

  • js实现打字小游戏

    js实现打字小游戏

    这篇文章主要为大家详细介绍了js实现打字小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • 简单的js分页脚本

    简单的js分页脚本

    js分页脚本实现代码。
    2009-05-05
  • Javascript对象按照属性排序方法示例探究

    Javascript对象按照属性排序方法示例探究

    这篇文章主要介绍了Javascript对象按照属性排序方法示例探究,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2024-01-01
  • 抓取JavaScript动态加载的内容的方法总结

    抓取JavaScript动态加载的内容的方法总结

    JavaScript动态加载的内容常见于现代Web应用中,用于增强用户体验和减少初始页面加载时间,然而,这些动态加载的内容对于传统的网页抓取工具来说往往是不可见的,本文主要介绍了有JavaScript动态加载的内容如何抓取,需要的朋友可以参考下
    2024-09-09
  • js图片放大镜效果实现方法详解

    js图片放大镜效果实现方法详解

    这篇文章主要为大家详细介绍了js图片放大镜效果的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JS实现对JSON数据进行冒泡排序

    JS实现对JSON数据进行冒泡排序

    JavaScript 是一种广泛使用的脚本语言,JSON是一种常见的数据格式,这篇文章主要来探讨一下如何使用 JavaScript 对 JSON 数据进行冒泡排序,感兴趣的可以了解一下
    2023-06-06
  • JavaScript实现移动端带transition动画的轮播效果

    JavaScript实现移动端带transition动画的轮播效果

    这篇文章主要介绍了JavaScript原生实现带transition动画的自动+手动轮播效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • JavaScript获取对象在页面中位置坐标的方法

    JavaScript获取对象在页面中位置坐标的方法

    这篇文章主要介绍了JavaScript获取对象在页面中位置坐标的方法,涉及JavaScript操作页面元素属性的相关技巧,需要的朋友可以参考下
    2016-02-02
  • 利用JavaScript制作一个酷炫的3D图片演示

    利用JavaScript制作一个酷炫的3D图片演示

    对于学前端的小伙伴来说,吸引你们入坑的大都是一些炫酷的页面。本文将用JavaScript编写一个酷炫的3D图片演示效果,感兴趣的可以了解一下
    2022-03-03
  • 详谈js遍历集合(Array,Map,Set)

    详谈js遍历集合(Array,Map,Set)

    下面小编就为大家带来一篇详谈js遍历集合(Array,Map,Set)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04

最新评论