脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 方向键

js同时按下两个方向键

 更新时间：2007年12月01日 21:49:52   投稿：mdxy-dxy  
本文通过实例代码给大家介绍了js同时按下两个方向键的实现方法，感兴趣的朋友跟随脚本之家小编一起看看吧

具体代码如下所示：

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
var dn=0; //1 up, 2 left, 3 both 
document.onkeyup = function() 
{ 
  if(event.keyCode== 37) 
  { 
    if(dn==2) 
    { 
      dn=0 
    } 
  else if(dn==3){dn=1} 
  } 
  if(event.keyCode== 38) 
  { 
    if(dn==1){dn=0} 
    else if(dn==3){dn=2} 
  } 
} 
document.onkeydown = function() 
{ 
  if(event.keyCode== 37) 
  { 
    ren.innerText="aa"//向左 
    if(dn==0){dn=2} 
    else if(dn==1){dn=3} 
  } 
  else if(event.keyCode==38) 
  { 
    ren.innerText="bb"//向上 
  if(dn==0){dn=1} 
  else if(dn==2){dn=3} 
  } 
  if(dn==3) 
  { 
    dn=0 
    alert("cc") 
  } 
} 
//--> 
</SCRIPT> 
<div id=ren></div>

总结

以上所述是小编给大家介绍的js同时按下两个方向键，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • 浅析javascript的return语句

    浅析javascript的return语句

    这篇文章主要介绍了javascript的return语句，return语句在js中非常的重要，不仅仅具有返回函数值的功能，还具有一些特殊的用法，感兴趣的小伙伴们可以参考一下
    2015-12-12
  • js实现无缝轮播图效果

    js实现无缝轮播图效果

    这篇文章主要为大家详细介绍了js实现无缝轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-03-03
  • KnockoutJS 3.X API 第四章之数据控制流component绑定

    KnockoutJS 3.X API 第四章之数据控制流component绑定

    这篇文章主要介绍了KnockoutJS 3.X API 第四章之数据控制流component绑定的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-10-10
  • JS制作手机端自适应缩放显示

    JS制作手机端自适应缩放显示

    允许网页宽度自动调整的"自适应网页设计"到底是怎么做到的？下面我们就来通过示例来探讨下。
    2015-06-06
  • JavaScript利用事件循环实现数据预加载

    JavaScript利用事件循环实现数据预加载

    当我们请求好第一页数据后,将请求下一页放到异步任务队列里（宏任务或者微任务）,等当前同步任务执行完成后,立马请求下一页数据,本文给大家介绍了JavaScript如何利用事件循环实现数据预加载,需要的朋友可以参考下
    2024-05-05
  • JS路由跳转的简单实现代码

    JS路由跳转的简单实现代码

    本文给大家分享一个简单的js路由跳转功能，非常不错，需要的朋友参考下吧
    2017-09-09
  • JS 屏蔽按键效果与改变按键效果的示例代码

    JS 屏蔽按键效果与改变按键效果的示例代码

    本篇文章主要是对JS 屏蔽按键效果与改变按键效果的示例代码进行了进行，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • Layui数据表格跳转到指定页的实现方法

    Layui数据表格跳转到指定页的实现方法

    今天小编就为大家分享一篇Layui数据表格跳转到指定页的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS选取DOM元素常见操作方法实例分析

    JS选取DOM元素常见操作方法实例分析

    这篇文章主要介绍了JS选取DOM元素常见操作方法,结合实例形式分析了javascript针对dom元素的常见选取与样式修改相关操作技巧,需要的朋友可以参考下
    2018-12-12
  • 常用的js验证和数据处理总结

    常用的js验证和数据处理总结

    遇到需要对数据及表单验证的，我相信大家都像我一样，喜欢在网上找相关的方法，因为自己写的话，是比较耗时的。今天就给大家分享一下，自己在工作中总结的一些常用的js。
    2016-08-08

最新评论