掌握 Dojo 工具包，第 4 部分: Dojo 中的拖拽

核心提示： 需要注意的是静态创建可拖动实体需要引入 dojo.require("dojo.parser") ，动态实现可拖动实体在清单 1 中，掌握 Dojo 工具包，第 4 部分: Dojo 中的拖拽(2)，通过在一些实体的标签里面加上相应的 Dojo 标签属性来实现可拖动实体的创建，

需要注意的是静态创建可拖动实体需要引入 dojo.require("dojo.parser") 。

动态实现可拖动实体

在清单 1 中，通过在一些实体的标签里面加上相应的 Dojo 标签属性来实现可拖动实体的创建。这种静态实现可拖动实体的方法简单明了。但是在更多的情况下，往往需要根据一些实际情况运行得到的数据来动态的创建可拖动实体。在这种情况下，静态实现可拖动实体的方法就不能满足当下的需求。值得庆幸的是 Dojo 对于所有静态实现的方法都基本对应有一套相应的动态实现方法。

清单 2

　<script　type="text/javascript"　src="dojo_path/dojo/dnd/move.js"></script>　
　<script　type="text/javascript">　
　dojo.require("dojo.dnd.move");　
　var　m1;　
　var　init　=　function(){　
　m1　=　new　dojo.dnd.Moveable("bad",{});//申明　id　为　"bad"　的实体为可拖动实体　
　};　
　dojo.addOnLoad(init);//　表示在页面加载完成以后，执行　init　函数　
　</script>　
　
　<div　id="bad">　
　You　can　cop　me　"Haha,　I　am　a　bad　guy."　
　</div>

需要注意的是 dojo.dnd.Moveable("bad",{}) 中的大括号用来设置可拖动实体“bad”的一些与拖动相关的属性，目前可以暂时设为空，则不设置任何与拖动相关的属性。在后面的讲述中，一些相关的重要属性将被逐步介绍。

拖动柄

如果运行清单 1 和清单 2 中的代码，然后尝试在其页面中使用鼠标去选择可拖动实体中的内容。就会发现，无论使用何种方法都无法选择可拖动实体中的内容，当然就更谈不上复制可拖动实体中的内容了。