<doc>
  <legacy_id>1475</legacy_id>
  <name>dragLeave</name>
  <type>message</type>
  <syntax>
    <example>dragLeave</example>
  </syntax>
  <library></library>
  <objects>
  </objects>
  <synonyms>
  </synonyms>
  <classification>
    <category>User Interaction</category>
  </classification>
  <references>
    <message tag="dragEnter">dragEnter Message</message>
  </references>
  <history>
    <introduced version="2.0">Added.</introduced>
  </history>
  <platforms>
    <mac/>
    <windows/>
    <linux/>
  </platforms>
  <classes>
    <desktop/>
    <server/>
  </classes>
  <security>
  </security>
  <summary>Sent when the <glossary tag="mouse pointer">mouse pointer</glossary> moves out of an <glossary tag="object">object</glossary> during a <glossary tag="drag and drop">drag and drop</glossary>.</summary>
  <examples>
    <example>on dragLeave <i>-- remove any outline around the drop no-longer-target</i></p><p>  set the borderColor of the target to empty</p><p>end dragLeave</example>
  </examples>
  <description>
    <p>Handle the <b>dragLeave</b> <keyword tag="message box">message</keyword> to update a <keyword tag="control">control</keyword> when the <glossary tag="mouse pointer">mouse pointer</glossary> moves outside it during drag and drop.</p><p/><p><b>Comments:</b></p><p>The <b>dragLeave</b> <keyword tag="message box">message</keyword> is sent only when a <glossary tag="drag and drop">drag and drop</glossary> operation is in progress.</p><p/><p>If two controls overlap, a <b>dragLeave</b> <keyword tag="message box">message</keyword> is sent whenever the <glossary tag="mouse pointer">mouse pointer</glossary> crosses outside a visible portion of a <keyword tag="control">control</keyword>. The <keyword tag="control">control</keyword> on the bottom receives a <b>dragLeave</b> <keyword tag="message box">message</keyword> only when the <glossary tag="mouse pointer">mouse pointer</glossary> leaves part of the <keyword tag="control">control</keyword> that can be seen. A <keyword tag="control">control</keyword> that is completely hidden by another <keyword tag="control">control</keyword> on top of it will never receive a <b>dragLeave</b> <keyword tag="message box">message</keyword>.</p><p/><p>You can use the <b>dragEnter</b> and <b>dragLeave</b> <glossary tag="message">messages</glossary> to display a visual cue that shows which <keyword tag="control">control</keyword> will receive the drop if the user releases the mouse button. For example, the following <glossary tag="handler">handlers</glossary> turn the border of a "droppable" object green while the mouse is over it:</p><p/><p>  on dragEnter</p><p>    set the borderColor of the target to "green"</p><p>  end dragEnter</p><p/><p>  on dragLeave</p><p>    set the borderColor of the target to empty</p><p>  end dragLeave</p>
  </description>
</doc>