JS拖拽(改变物体大小)

拖拽改变物体大小功能:拖拽黄色小div来改变绿色大div的宽和高

JS拖拽(改变物体大小)_第1张图片

 

主要实现由三大步:

1. 通过id获取到大小两个div

2. 给小div添加onmousedown事件

3. 在onmousedown事件给document添加onmousemove和onmouseup事件

 JS拖拽(改变物体大小)_第2张图片

由分析图可知,我们只需要在拖拽的时候,获取到物体不断增加的宽度值,问题就解决了


加些样式



效果图:

JS拖拽(改变物体大小)_第3张图片

你可能感兴趣的:(JS小记)