JavaScript 鼠标拖拽div 改变其大小

转自： http://www.cnblogs.com/yushang/archive/2013/03/19/2968782.html

想让div实现拖拽改变大小功能，类似于soso地图（即现在的腾讯地图）的看街景时地图可以拖拽等功能

分析一下，实现这个功能需要：鼠标按下，鼠标移动和鼠标抬起几个功能方能实现，那么找到相应的js事件：mousedown、mousemove、mouseup

找到这几个事件，基本上我们的功能可以说完成了一半了，只需要在里面做相应事件处理就能搞定了，具体看下代码，很简单的操作：

拖拽div




    


    

        

        
        

            

            
        
    
    
    
    

这一篇博客是在普通的html中实现了此功能，本人借鉴此博客在前端vue框架的页面下实现了类似功能，稍加修改：

见本人博客：https://blog.csdn.net/acoolgiser/article/details/84866576