JavaScript或jQuery中使用键盘控制对象运动

<div id="monkey"><img src="img/monkey.png" ></div>

在JavaScript中，

document.οnkeydοwn=function(){var e = event || window.event || arguments.callee.caller.arguments[0];var monkey=doucument.getElementById("monkey");if(e && e.keyCode==39){ var mleft=monkey.offsetLeft+10;　　　　monkey.offsetLeft=mleft+"px";});
}

在jQuery中，

$(document).keydown(function(e){ var $monkey=$("#monkey");if(e.which==39){ //当用户按下→键的时候触发（39为键盘中的→键）$a=$monkey.offset().left;$monkey.offset(function(index, banana) {//使用jQuery中的offset方法控制div的偏移bananeX=new Object();bananeX.left=banana.left+10;return bananeX;});}
});

jQuery的offset()方法详解可查看http://www.w3school.com.cn/jquery/css_offset.asp

转载于:https://www.cnblogs.com/zmsister/p/6442054.html

JavaScript或jQuery中使用键盘控制对象运动相关推荐

流程代码中js报错，在javaScript或者jQuery中字符串比较没有equals()方法
问题: 流程走不下去. 原因: 在javaScript或者jQuery中字符串比较没有equals()方法,要比较两个字符串是否相等可以直接用==或者is()进行判断. //判断是否为未签约有风险等级 ...
TIANBOT MINI机器人在gazebo中使用键盘控制运动
在上一节,我们配置好了xacro文件,那么这一节我们实现小车在gazebo环境中通过键盘控制节点动起来,并且使用rviz可视化工具. 01 配置各个文件第一步首先是要修改描述文件,修改的目的是增加c ...
ROS通信机制--键盘控制乌龟运动线速度角速度XYZ值的解释
目录前言案例实现线速度角速度X.Y.Z值的取值和作用 (END) 前言在学习ros之初,想必大家运行的第一个案例就是键盘控制乌龟运动.这是ros内置的小案例,采用的通信机制为话题通信.本文介绍 ...
ROSNOTE ：键盘控制机器人运动
ROS与底盘的通信协议: ROS平台与小车底盘通信一般是通过串口写入串口的内容是左右轮的速度从串口中读取到的是小车x,y坐标,方向角,角速度 ROS平台串口处理程序: 主要是写在base_con ...
基于paddledetection在ROS中搭建红绿灯检测控制车模运动（3）—— 使用训练结果在ros中仿真红绿灯控制小车运动
前言第一节: 基于paddledetection在ROS中搭建红绿灯检测控制车模运动(1)-- 环境搭建准备以及软件安装第二节: 基于paddledetection在ROS中搭建红绿灯检测控制车模 ...
java 图片运动_怎么在GUI中用键盘控制图片运动？java问题？
怎么在GUI中用键盘控制图片运动?java问题? 关注:174 答案:3 mip版解决时间 2021-01-17 01:03 提问者落叶.牵绊着思念 2021-01-16 09:43 怎么在GU ...
原生JavaScript实现jQuery中的slideUp和slideDown滑动效果
参考文章:用原生JavaScript写出类似jQuery中slideUp和slideDown效果_johnworks的博客-CSDN博客作者:johnworks 目录一.前言二.第一次尝试 ...
mfc键盘控制移动鼠标光标_如何在Windows中使用键盘控制鼠标光标
mfc键盘控制移动鼠标光标 If you're stuck without a mouse temporarily, don't worry-you can still use your PC. Yo ...
控制程序中加入键盘控制
又是哭瞎的调试过程,不是码农,不做很深入地追究,只想实现想要的效果,随便记录下.期待有更好的想法. 设计目标:方便小车调试,能用键盘控制小车急停与移动. 刚开始是为了调试的时候防止小车出现不可 ...

JavaScript或jQuery中使用键盘控制对象运动

JavaScript或jQuery中使用键盘控制对象运动相关推荐

最新文章

热门文章