ondragleave event

The ondragleave event activates when the user moves an element out of a valid drop target during a drag operation.  Information about the drag and drop operation is provided using the global pui.dragDropInfo object, which will contain the following properties:

• dd element - reference to the drag and drop element being dragged
• dd element id - the id of the drag and drop element
• dd record number - the record number of the subfile record being dragged when the drag operation is being performed on a grid element
• proxy - reference to the drag and drop proxy element; this will be the same as dd element if the "use proxy" property is not set
• target element - reference to the drop target element
• target element id - the id of the drop target element
• target record number - the record number position the element was dragged out of when the target element is a grid
• event - the browser's event object; this allows you to retrieve information such as mouse position
• text - text description of the event

Example:

Draw a red border around the target element when the drag and drop element is over it:

ondragenter: pui.dragDropInfo["target element"].style.border = "2px solid red";

ondragleave: pui.dragDropInfo["target element"].style.border = "";