开发工具:
文件大小: 58kb
下载次数: 0
上传时间: 2020-12-29
详细说明:本文实例讲述了JS实现基于拖拽改变物体大小的方法。分享给大家供大家参考,具体如下:
拖拽改变物体大小功能:拖拽黄色小div来改变绿色大div的宽和高
主要实现由三大步:
1. 通过id获取到大小两个div
2. 给小div添加onmousedown事件
3. 在onmousedown事件给document添加onmousemove和onmouseup事件
由分析图可知,我们只需要在拖拽的时候,获取到物体不断增加的宽度值,问题就解决了
加些样式