JavaScript CSS修改学习第六章：拖拽

核心提示： 01switch(key){02case37://left03case63234:04dragDrop.dXKeys-=dragDrop.keySpeed;05break;06case38://up07case63232:08dragDrop.dYKeys-=dragDrop.keySpeed;

01　switch　(key)　{
02　　　　　case　37:　　　　//　left
03　　　　　case　63234:
04　　　　　　　　　dragDrop.dXKeys　-=　dragDrop.keySpeed;
05　　　　　　　　　break;
06　　　　　case　38:　　　　//　up
07　　　　　case　63232:
08　　　　　　　　　dragDrop.dYKeys　-=　dragDrop.keySpeed;
09　　　　　　　　　break;
10　　　　　case　39:　　　　//　right
11　　　　　case　63235:
12　　　　　　　　　dragDrop.dXKeys　+=　dragDrop.keySpeed;
13　　　　　　　　　break;
14　　　　　case　40:　　　　//　down
15　　　　　case　63233:
16　　　　　　　　　dragDrop.dYKeys　+=　dragDrop.keySpeed;
17　　　　　　　　　break;

作者通过设置keySpeed来确定每次移动的像素大小。当用户点击左方向键，就减去keySpeed。

查看原图（大图）

这个代码包含63232-63235的情况。因为Safari1.3没有使用标准的37-40的方向键的键值（Safari 3已经支持了）。

1　case　13:　　　　//　enter
2　case　27:　　　　//　escape
3　　　　　dragDrop.releaseElement();
4　　　　　return　false;

如果用户点击Enter或者Esc键，就调用releaseElement()函数。如果你想改变释放元素的按键，可以再这里添加。

编缉推荐阅读以下文章

• JavaScript CSS修改学习第五章：给“上传”添加样式
• JavaScript CSS修改学习第四章：透明度设置
• JavaScript CSS修改学习第三章：修改样式表
• JavaScript CSS修改学习第二章：样式
• JavaScript CSS修改学习第一章：查找位置
• JavaScript CSS Style属性对照表