DragOnZone NPM

jQuery DragOnZone

Include jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

Include plugin's code:

<script src="your/path/to/dist/jquery.dragonzone.min.js"></script>

Name	Type	Default	Description
`outZone`	boolean, Dom element, jQuery selector, or jQuery element	false	By default, outZone is not used. In case you don't define outZone, the functions onDragOutsideStart and onDragOutsideEnd are never fired.
`context`	Object	{}	You could define the context (e.g. "context: this") inside functions onDragOutsideStart, onDragOutsideEnd, onDragInsideStart, onDragInsideEnd and onDropDone.
`debug`	boolean	false	Show or hide console logs.
`onDragOutsideStart`	function	void function	Custom function fired when the mouse starts dragging a file over the element outZone
`onDragOutsideEnd`	function	void function	Custom function fired when the mouse ends dragging a file over the element outZone
`onDragInsideStart`	function	void function	Custom function fired when the mouse starts dragging a file over the element dropZone
`onDragInsideEnd`	function	void function	Custom function fired when the mouse ends dragging a file over the element dropZone
`onDropDone`	function	void function	This function is executed after dropping the file inside the Drop Zone.

8 years ago