如果DIV在ID为area的div中，即可拖拽。我在Drag函数里做了对父div的判断。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>鼠标拖拽</title>
<script type="text/javascript">
function Drag(o, e){
if(o.parentElement!=document.getElementById('area')) return
var e = window.event || e
var _x = e.offsetX || e.layerX
var _y = e.offsetY || e.layerY
o.style.filter = 'Alpha(opacity=70)'
o.style.opacity = '0.7'
document.onmousemove = function(e){
var e = window.event || e
o.style.left = e.clientX - _x + 'px'
o.style.top = e.clientY - _y + 'px'
o.style.cursor="move"
}
document.onmouseup = function(e){
document.onmousemove = null
o.style.filter = o.style.opacity = ''
o.style.cursor="default"
}
}
</script>
</head>
<body>
<div id='area'>
<div onmousedown="Drag(this, event)" style="position:absoluteborder:1px solid redbackground:pinkwidth:400pxheight:300px"></div>
</div>
<div onmousedown="Drag(this, event)" style="position:absoluteleft:500pxborder:1px solid redbackground:pinkwidth:400pxheight:300px"></div>
</body>
</html>
处理层选择层 Ctrl Shift 点击
选择并移动层 Shift Ctrl 拖动
从选择中添加或删除层 Shift 点击层
以象素为单位移动所选层 上方向键
按靠齐增量移动所选层 Shift 方向键
以象素为单位调整层大小 Ctrl 方向键
以靠齐增量为单位调整层大小 Ctrl Shift 方向键
将所选层与最后所选层的顶部/底部/左边/右边对齐 Ctrl 上/下/左/右方向键
统一所选层宽度 Ctrl Shift [
统一所选层高度 Ctrl Shift ]
创建层时切换嵌套设置 Ctrl 拖动
切换网格显示 Ctrl Shift Alt G
靠齐到网格 Ctrl Alt G
取自
建议使用ctrl f 快速查找所需功能快捷键
文件菜单
新建文档 Ctrl N
打开一个 HTML文件 Ctrl O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中
在框架中打开 Ctrl Shift O
关闭 Ctrl W
保存 Ctrl S
另存为 Ctrl Shift S
检查链接 Shift F8
退出 Ctrl Q
编辑菜单
撤消 Ctrl Z
重复 Ctrl Y 或 Ctrl Shift Z
剪切 Ctrl X 或Shift Del
拷贝 Ctrl C 或Ctrl Ins
粘贴 Ctrl V 或Shift Ins
清除 Delete
全选 Ctrl A
选择父标签 Ctrl Shift <
选择子标签 Ctrl Shift >
查找和替换 Ctrl F
查找下一个 F3
缩进代码 Ctrl Shift ]
左缩进代码 Ctrl Shift [
平衡大括弧 Ctrl ’
启动外部编辑器 Ctrl E
参数选择 Ctrl U
页面视图
标准视图 Ctrl Shift F6
布局视图 Ctrl F6
工具条 Ctrl Shift T
查看页面元素
可视化助理 Ctrl Shift I
标尺 Ctrl Alt R
显示网格 Ctrl Alt G
靠齐到网格 Ctrl Alt Shift G
头内容 Ctrl Shift W
页面属性 Ctrl Shift J
代码编辑
切换到设计视图 Ctrl Tab
打开快速标签编辑器 Ctrl T
选择父标签 Ctrl Shift <
平衡大括弧 Ctrl ’
全选 Ctrl A
拷贝 Ctrl C
查找和替换 Ctrl F
查找下一个 F3
替换 Ctrl H
粘贴 Ctrl V
剪切 Ctrl X
重复 Ctrl Y
撤消 Ctrl Z
切换断点 Ctrl Alt B
向上选择一行 Shift Up
向下选择一行 Shift Down
选择左边字符 Shift Left
选择右边字符 Shift Right
向上翻页 Page Up
向下翻页 Page Down
向上选择一页 Shift Page Up
向下选择一页 Shift Page Down
选择左边单词 Ctrl Shift Left
选择右边单词 Ctrl Shift Right
移到行首 Home
移到行尾 End
移动到代码顶部 Ctrl Home
移动到代码尾部 Ctrl End
向上选择到代码顶部 Ctrl Shift Home
向下选择到代码顶部 Ctrl Shift End
编辑文本
创建新段落 Enter
插入换行
Shift Enter
插入不换行空格 Ctrl Shift Spacebar
拷贝文本或对象到页面其他位置 Ctrl 拖动选取项目到新位置
选取一个单词 双击
将选定项目添加到库 Ctrl Shift B
在设计视图和代码编辑器之间切换 Ctrl Tab
打开和关闭[属性]检查器 Ctrl Shift J
检查拼写 Shift F7
格式化文本
缩进 Ctrl ]
左缩进 Ctrl [
格式>无 Ctrl 0 (零)
段落格式 Ctrl Shift P
应用标题1到6到段落 Ctrl 1 到 6
对齐>左对齐 Ctrl Shift Alt L
对齐>居中 Ctrl Shift Alt C
对齐>右对齐 Ctrl Shift Alt R
加粗选定文本 Ctrl B
倾斜选定文本 Ctrl I
编辑样式表 Ctrl Shift E
查找和替换文本
查找 Ctrl F
查找下一个/再查找 F3
替换 Ctrl H
处理表格
选择表格（光标在表格中） Ctrl A
移动到下一单元格 Tab
移动到上一单元格 Shift Tab
插入行（在当前行之前） Ctrl M
在表格末插入一行 在最后一个单元格 Tab
删除当前行 Ctrl Shift M
插入列 Ctrl Shift A
删除列 Ctrl Shift - (连字符)
合并单元格 Ctrl Alt M
拆分单元格 Ctrl Alt S
更新表格布局（在“快速表格编辑”模式中强制重绘） Ctrl Spacebar
处理框架
选择框架 框架中Alt 点击
选择下一框架或框架页 Alt 右方向键
选择上一框架或框架页 Alt 左方向键
选择父框架 Alt 上方向键
选择子框架或框架页 Alt 下方向键
添加新框架到框架页 Alt 从框架边界拖动
使用推模式添加新框架到框架页 Alt Ctrl 从框架边界拖动
处理层
选择层 Ctrl Shift 点击
选择并移动层 Shift Ctrl 拖动
从选择中添加或删除层 Shift 点击层
以象素为单位移动所选层 上方向键
按靠齐增量移动所选层 Shift 方向键
以象素为单位调整层大小 Ctrl 方向键
以靠齐增量为单位调整层大小 Ctrl Shift 方向键
将所选层与最后所选层的顶部/底部/左边/右边对齐 Ctrl 上/下/左/右方向键
统一所选层宽度 Ctrl Shift [
统一所选层高度 Ctrl Shift ]
创建层时切换嵌套设置 Ctrl 拖动
切换网格显示 Ctrl Shift Alt G
靠齐到网格 Ctrl Alt G
处理时间轴,图象
添加对象到时间轴 Ctrl Alt Shift T
添加关键帧 Shift F9
删除关键帧 Delete
改变图象源文件属性 Double 点击图象
在外部编辑器中编辑图象 Ctrl 双击图象
管理超链接
创建超链接（选定文本） Ctrl L
删除超链接 Ctrl Shift L
拖动并投放以从文档创建超链接 选取文本，图象或对象，然后Shift 拖动选择到[站点]窗口中的文件
拖动并投放以使用[属性]检查器创建超链接 选取文本，图象或对象，然后拖动[属性]检查器的指向文件图表到[站点]窗口的文件
在Dreamweaver打开链接文档 Ctrl 双击链接
检查选定链接 Shift F8
检查整个站点中的链接 Ctrl F8
在浏览器中定位和预览
在主浏览器中预览 F12
在次要浏览器中预览 Ctrl F12
在浏览器中调试
在主浏览器中调试 Alt F12
在次要浏览器中调试 Ctrl Alt F12
站点管理和FTP
创建新文件 Ctrl Shift N
创建新文件夹 Ctrl Shift Alt N
打开选定 Ctrl Shift Alt O
从远程FTP站点下载选定文件或文件夹 Ctrl Shift D或将文件从[站点]窗口的[远程]栏拖动到[本地]栏
将选定文件或文件夹上载到远程FTP站点 Ctrl Shift U或将文件从[站点]窗口的[本地]栏拖动到[远程]栏
取出 Ctrl Shift Alt D
存回 Ctrl Shift Alt U
查看站点地图 Alt F8
刷新远端站点 Alt F5
站点地图
查看站点文件 F8
刷新本地栏 Shift F5
设为根 Ctrl Shift R
链接到现存文件 Ctrl Shift K
改变链接 Ctrl L
删除链接 Delete
显示/隐藏链接 Ctrl Shift Y
显示页面标题 Ctrl Shift T
重命名文件 F2
放大站点地图 Ctrl (plus)
缩小站点地图 Ctrl - (hyphen)
播放插件
播放插件 Ctrl Alt P
停止插件 Ctrl Alt X
播放所有插件 Ctrl Shift Alt P
停止所有插件 Ctrl Shift Alt X
处理模板
创建新的可编辑区域 Ctrl Alt V
插入对象
任何对象（图象，Shockwave影片等） 文件从[资源管理器]或[站点]窗口拖动到[文档]窗口
图象 Ctrl Alt I
表格 Ctrl Alt T
Flash影片 Ctrl Alt F
Shockwave和Director影片 Ctrl Alt D
命名锚记 Ctrl Alt A
历史纪录面板
打开[历史纪录]面板 Shift F10
开始/停止录制命令 Ctrl Shift X
播放录制好的命令 Ctrl P
打开和关闭面板
对象 Ctrl F2
属性 Ctrl F3
站点文件 F5
站点地图 Ctrl F5
资源 F11
CSS样式 Shift F11
HTML样式 Ctrl F11
行为 Shift F3
历史纪录 Shift F10
时间轴 Shift F9
代码检查器 F10
框架 Shift F2
层 F2
参考 Ctrl Shift F1
显示/隐藏浮动面板 F4
最小化所有窗口 Shift F4
最大化所有窗口 Alt Shift F4
