zoukankan
html css js c++ java
键盘控制div上下左右移动 (转)
<
html
>
<head
>
<title
></title
>
<
link
rel
="stylesheet"
type
="text/css"
href
="public/easy_ui/themes/icon.css"
>
<
script
type
="text/javascript"
src
="public/easy_ui/jquery.min.js"
></
script
>
<
script
type
="text/javascript"
src
="public/easy_ui/easy_ui.min.js"
></
script
>
<
script
type
="text/javascript"
src
="public/easy_ui/easyloader.js"
></
script
>
</head
>
<body
>
<
div
id
=
"div"
style
="background-color
:
red
; width
:
400px
; height
:
300px
; left
:
100px
; top
:
100px
;"
>
</
div
>
</body
>
<script
>
$(function
(){
$(document).keydown(
function (event) {
var keyCode = event.keyCode;
var space = 20;
var div = $(
'#div');
switch(keyCode){
case 37: div.offset({left:(div.offset().left - 20)});
break;
case 38: div.offset({top:(div.offset().top - 20)});
break;
case 39: div.offset({left:(div.offset().left + 20)});
break;
case 40: div.offset({top:(div.offset().top + 20)});
break;
default
: break
;
}
});
});
</script
>
</html
>
http://www.cnblogs.com/cglWorkBook/p/5134698.html
查看全文
相关阅读:
系列化与反系列化
改造一下C# Substring()函数
在C#后端处理一些结果然传给前端Javascript或是jQuery
ASP.NET MVC传送参数至服务端
MySQL 操作命令梳理(3)-pager
MySQL 操作命令梳理(2)-alter(update、insert)
redis持久化策略梳理及主从环境下的策略调整记录
php-redis扩展模块安装记录
centos下部署redis服务环境及其配置说明
Iptables 规则用法小结
原文地址:https://www.cnblogs.com/softidea/p/5269810.html
最新文章
前端工程师技能之photoshop巧用系列扩展篇——自动切图
javascript运算符——逻辑运算符
javascript类型系统——布尔Boolean类型
javascript运算符——关系运算符
动态添加之后,怎样获取其值
克隆复制可使用原型( Prototype)设计模式
设计模式--原型(Prototype)模式
涉及事件开发应用委托
ASP.NET的简单与面向对象开发
重构if...else...或者switch程序块
热门文章
开发(ASP.NET程序)把写代码写至最有面向对象味道
设计模式--中介(Mediator)模式
设计模式--代理(Proxy)模式
设计模式--外观(Facade)模式
Web控件文本框Reset的功能
怎样实现Web控件文本框Reset的功能
动态添加列之后,铵钮事件怎样写?
还贷的人是谁? 管他是父亲还是儿子,把钱还回来就行
How to remove replication in SyteLine V2
Symantec Backup Exec恢复数据库
Copyright © 2011-2022 走看看