键盘事件移动元素
来源:互联网 发布:淘宝怎么创建品牌 编辑:程序博客网 时间:2024/06/05 07:29
<html>
<title>键盘事件移动元素</title>
<head>
<style type="text/css">
.moveable={position:relative}
</style>
<script language="JavaScript">
var LEFT_ARROW=37;
var UP_ARROW=38;
var RIGHT_ARROW=39;
var DOWN_ARROW=40;
function moveButton()
{
switch(event.keyCode)
{
case(LEFT_ARROW):
{
event.srcElement.style.posLeft--;
break;
}
case(UP_ARROW):
{
event.srcElement.style.posTop--;
break;
}
case(RIGHT_ARROW):
{
event.srcElement.style.posLeft++;
break;
}
case(DOWN_ARROW):
{
event.srcElement.style.posTop++;
break;
}
}
}
//新增事件
function addEvent(objButton)
{
objButton.attachEvent("onkeydown",moveButton);
}
</script>
</head>
<body>
<h2 >键盘事件移动元素</h2>
<hr>
<input type="button" value="X" id="cmd1" class="moveable" onclick="addEvent(this)">
<input type="button" value="Y" id="cmd2" class="moveable" onclick="addEvent(this)">
<talbe border="1">
<tr><td>__</td><td>__</td><td>__</td></tr>
<tr><td>__</td><td>__</td><td>__</td></tr>
<tr><td>__</td><td>__</td><td>__</td></tr>
</table>
</table>
</body>
</html>
- 键盘事件移动元素
- Javascript 键盘事件移动图片
- 键盘控制图片移动事件
- Javascript 键盘事件移动图片
- DIV元素响应键盘事件
- DIV元素响应键盘事件
- 移动端表单元素对应的键盘
- 键盘事件的监听-控制飞机移动
- js事件实现通过键盘移动图片
- js 给元素绑定键盘回车事件
- html 元素 事件大全 鼠标事件 键盘事件
- 【DFB】IDirectFBInputDevice 方式处理事件 --键盘移动一个图片显示
- 【DFB】IDirectFBInputDevice 方式处理事件 --键盘移动一个图片显示
- Android键盘事件监听器实例-能移动的飞机
- cocos2d-x window实现鼠标移动 键盘事件
- 移动端输入框弹出键盘触发搜索按钮事件
- 史上最全的常用事件:移动端事件及PC端:鼠标/键盘/表单事件
- 移动端获取元素方法和基本事件
- 安装、设置与启动MySql绿色版的方法
- Event对象介绍
- mysql数据库的主键自增长
- 我不明白自己还在对你坚持什么?
- 测试鼠标光标位置
- 键盘事件移动元素
- AppServ 安装
- appserv-win32-2.5.9安装
- 也谈初学者如何学习
- 腾讯实习生笔试归来
- IT界匮乏名师
- 新手说话
- DHTML DOM的Form对象
- 什么是DOM?