博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript或jQuery中使用键盘控制对象运动
阅读量:6201 次
发布时间:2019-06-21

本文共 741 字,大约阅读时间需要 2 分钟。

 

在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

你可能感兴趣的文章
linux下git与github简单使用
查看>>
MySQL错误“Specified key was too long; max key length is 1000 bytes”的解决办法
查看>>
Django中模板架构
查看>>
嵌入式知识总汇
查看>>
CentOS系统清空删除系统日志的方法
查看>>
MVC3+EF4.1学习系列(一)-------创建EF4.1 code first的第一个实例
查看>>
台式机通过网线连接笔记本上网
查看>>
Android 逆向分析(一) 之 Smali语法
查看>>
麻省:第13课
查看>>
StackStorm安装与配置
查看>>
HDU1276
查看>>
链接中使用js
查看>>
文档CURD操作
查看>>
Ehcache的简单学习1-Ehcache和Spring的结合使用
查看>>
基于vsphere exsi部署CloudFoundry问题集合
查看>>
警告:Pointer is missing a nullability type specifier (__nonnull or __nullable)
查看>>
Koa2 之文件上传下载的示例代码
查看>>
纯css实现带拐角方向流动箭头
查看>>
Linux系统监控工具之top详解
查看>>
Asp.Net分页控件
查看>>