HTML5拖拽

1. //找到目标位置框框
   
2. var target = document.querySelector('#target');
   
3. //注册拖拽进入
   
4. target.addEventListener('dragenter',function () {
   
5. //TODO
   
6. });
   
7. //注册拖拽离开
   
8. target.addEventListener('dragleave',function () {
   
9. //TODO
   
10. })
    
11. //如果要捕获drop事件，就一定得在该事件中阻止默认事件
    
12. target.addEventListener('dragover',function (e) {
    
13. e.preventDefault();
    
14. e.stopPropagation();
    
15. })
    
16. //元素放到该元素上
    
17. target.addEventListener('drop',function (e) {
    
18. //TODO
    
19. //阻止默认事件和事件冒泡
    
20. e.preventDefault();
    
21. e.stopPropagation();
    
22. })

复制代码