拖放是一种非常流行的用户界面模式。它的概念很简单：点击某个对象，并按住鼠标按钮不放，将鼠标移到到另一个区域，然后释放按钮将对象放到这里。

    
    
        
     
      移动的div
     
        
     
      移动的div
     
    
    
            

拖放功能还不能真正应用起来，除非能知道什么时候拖动开始了。从这点上看，前面的代码没有提供任何方法表示拖动开始、正在拖动或者已经结束。这时，可以使用自定义事件来指示这几个事件的发生，让应用的其他部分与拖动功能进行交互。

    
        
                
    
        
     
            
      
       移动的div
      
            
      
       移动的div
      
        
     
        
     
      status
     
    
    
    

由于DragDrop对象是一个使用了模块模式的单例，所以需要进行一些更改来使用EventTarget类型。首先，创建一个新的EventTarget 对象，然后添加enable()和disable()方法，最后返回这个对象。