One: div scaling: resize
The first way: mouse button event control:
References
1、http://www.zzzyk.com/show/1c01d23f4b3ff34a.htm
2、http://www.cnblogs.com/cjnmy36723/p/3952072.html
The second way: jquery-ui plugin resizable
References:
1、http://jqueryui.com/resizable/
Two: div drag drag
The first way: mouse button event control:
References
1、http://www.zzzyk.com/show/1c01d23f4b3ff34a.htm
2、http://www.cnblogs.com/cjnmy36723/p/3952072.html
The second way: jquery-ui plugin draggable
References:
1、http://jqueryui.com/draggable/
Drag time trigger sequence:
dragstart: Triggered when the element to be dragged starts to be dragged. This event object is the dragged element.
drag: Triggered when an element is dragged, this event object is the dragged element.
dragenter: Triggered when the dragged element enters the target element, the event object is the target element.
dragover: Triggered when an element is dragged and moved on the target element, the event object is the target element.
dragleave: Triggered when dragging an element away from the target element, the event object is the target element.
drop: Triggered when the dragged element is placed inside the target element, the event object is the target element.
dragend: Triggered after the drop, that is, triggered when the drag is completed. This event object is the dragged element.