Skip to content

Commit

Permalink
[cgiow] (0) Add 'dragexit' event similar to what Firefox does.
Browse files Browse the repository at this point in the history 
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=11568
Affected topics: HTML

git-svn-id: http://svn.whatwg.org/webapps@7760 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
@Hixie
Hixie committed Mar 18, 2013
1 parent 8be4843 commit ba9b1fc
Show file tree
Hide file tree
Showing 3 changed files with 77 additions and 17 deletions.
30 changes: 24 additions & 6 deletions complete.html
View file
Expand Up @@ -248,7 +248,7 @@

<header class=head id=head><p><a class=logo href=http://www.whatwg.org/><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup><h1 class=allcaps>HTML</h1>
<h2 class="no-num no-toc">Living Standard &mdash; Last Updated 17 March 2013</h2>
<h2 class="no-num no-toc">Living Standard &mdash; Last Updated 18 March 2013</h2>
</hgroup><dl><dt><strong>Web developer edition:</strong></dt>
<dd><strong><a href=http://developers.whatwg.org/>http://developers.whatwg.org/</a></strong></dd>
<dt>Multiple-page version:</dt>
Expand Down Expand Up @@ -9331,6 +9331,7 @@ <h4 id=global-attributes><span class=secno>3.2.3 </span><dfn>Global attributes</
<li><code title=handler-ondrag><a href=#handler-ondrag>ondrag</a></code></li>
<li><code title=handler-ondragend><a href=#handler-ondragend>ondragend</a></code></li>
<li><code title=handler-ondragenter><a href=#handler-ondragenter>ondragenter</a></code></li>
<li><code title=handler-ondragexit><a href=#handler-ondragexit>ondragexit</a></code></li>
<li><code title=handler-ondragleave><a href=#handler-ondragleave>ondragleave</a></code></li>
<li><code title=handler-ondragover><a href=#handler-ondragover>ondragover</a></code></li>
<li><code title=handler-ondragstart><a href=#handler-ondragstart>ondragstart</a></code></li>
Expand Down Expand Up @@ -71451,6 +71452,7 @@ <h5 id=event-handlers-on-elements,-document-objects,-and-window-objects><span cl
<tr><td><dfn id=handler-ondrag title=handler-ondrag><code>ondrag</code></dfn> <td> <code title=event-drag><a href=#event-drag>drag</a></code>
<tr><td><dfn id=handler-ondragend title=handler-ondragend><code>ondragend</code></dfn> <td> <code title=event-dragend><a href=#event-dragend>dragend</a></code>
<tr><td><dfn id=handler-ondragenter title=handler-ondragenter><code>ondragenter</code></dfn> <td> <code title=event-dragenter><a href=#event-dragenter>dragenter</a></code>
<tr><td><dfn id=handler-ondragexit title=handler-ondragexit><code>ondragexit</code></dfn> <td> <code title=event-dragexit><a href=#event-dragexit>dragexit</a></code>
<tr><td><dfn id=handler-ondragleave title=handler-ondragleave><code>ondragleave</code></dfn> <td> <code title=event-dragleave><a href=#event-dragleave>dragleave</a></code>
<tr><td><dfn id=handler-ondragover title=handler-ondragover><code>ondragover</code></dfn> <td> <code title=event-dragover><a href=#event-dragover>dragover</a></code>
<tr><td><dfn id=handler-ondragstart title=handler-ondragstart><code>ondragstart</code></dfn> <td> <code title=event-dragstart><a href=#event-dragstart>dragstart</a></code> <!-- widely used -->
Expand Down Expand Up @@ -71577,6 +71579,7 @@ <h5 id=event-handlers-on-elements,-document-objects,-and-window-objects><span cl
attribute <a href=#eventhandler>EventHandler</a> <a href=#handler-ondrag title=handler-ondrag>ondrag</a>;
attribute <a href=#eventhandler>EventHandler</a> <a href=#handler-ondragend title=handler-ondragend>ondragend</a>;
attribute <a href=#eventhandler>EventHandler</a> <a href=#handler-ondragenter title=handler-ondragenter>ondragenter</a>;
attribute <a href=#eventhandler>EventHandler</a> <a href=#handler-ondragexit title=handler-ondragexit>ondragexit</a>;
attribute <a href=#eventhandler>EventHandler</a> <a href=#handler-ondragleave title=handler-ondragleave>ondragleave</a>;
attribute <a href=#eventhandler>EventHandler</a> <a href=#handler-ondragover title=handler-ondragover>ondragover</a>;
attribute <a href=#eventhandler>EventHandler</a> <a href=#handler-ondragstart title=handler-ondragstart>ondragstart</a>;
Expand Down Expand Up @@ -76294,6 +76297,7 @@ <h4 id=the-dragevent-interface><span class=secno>8.7.4 </span>The <code><a href=

<div class=impl>

<!--CLEANUP-->
<p>The <dfn id=dom-dragevent-datatransfer title=dom-DragEvent-dataTransfer><code>dataTransfer</code></dfn>
attribute of the <code><a href=#dragevent>DragEvent</a></code> interface must return the
value it was initialized to. When the object is created, this
Expand Down Expand Up @@ -76332,7 +76336,7 @@ <h4 id=the-dragevent-interface><span class=secno>8.7.4 </span>The <code><a href=
<li>

<p id=dropEffect-initialization>Set the <code title=dom-DataTransfer-dropEffect><a href=#dom-datatransfer-dropeffect>dropEffect</a></code> attribute to
"<code title="">none</code>" if <var title="">e</var> is <code title=event-dragstart><a href=#event-dragstart>dragstart</a></code>, <code title=event-drag><a href=#event-drag>drag</a></code>, or <code title=event-dragleave><a href=#event-dragleave>dragleave</a></code>; to the value
"<code title="">none</code>" if <var title="">e</var> is <code title=event-dragstart><a href=#event-dragstart>dragstart</a></code>, <code title=event-drag><a href=#event-drag>drag</a></code>, <code title=event-dragexit><a href=#event-dragexit>dragexit</a></code>, or <code title=event-dragleave><a href=#event-dragleave>dragleave</a></code>; to the value
corresponding to the <a href=#current-drag-operation>current drag operation</a> if <var title="">e</var> is <code title=event-drop><a href=#event-drop>drop</a></code> or <code title=event-dragend><a href=#event-dragend>dragend</a></code>; and to a value based on the
<code title=dom-DataTransfer-effectAllowed><a href=#dom-datatransfer-effectallowed>effectAllowed</a></code>
attribute's value and to the drag-and-drop source, as given by the
Expand Down Expand Up @@ -76374,15 +76378,15 @@ <h4 id=the-dragevent-interface><span class=secno>8.7.4 </span>The <code><a href=
preference for linking the data, rather than moving or copying it.
Therefore, on a Windows system, if "<code title="">link</code>" is
an option according to the table above while the "alt" key is
depressed, the user agent could select that instead of "<code title="">copy</code>" or "<code title="">move</code>.</p>
depressed, the user agent could select that instead of "<code title="">copy</code>" or "<code title="">move</code>".</p>

</li>

<li>

<p>Create a <a href=#concept-events-trusted title=concept-events-trusted>trusted</a> <code><a href=#dragevent>DragEvent</a></code> object
and initialize it to have the given name <var title="">e</var>, to bubble, to be cancelable
unless <var title="">e</var> is <code title=event-dragleave><a href=#event-dragleave>dragleave</a></code> or <code title=event-dragend><a href=#event-dragend>dragend</a></code>, and to have the <code title=dom-UIEvent-detail><a href=#dom-uievent-detail>detail</a></code> attribute initialized to zero, the mouse and key
unless <var title="">e</var> is <code title=event-dragexit><a href=#event-dragexit>dragexit</a></code>, <code title=event-dragleave><a href=#event-dragleave>dragleave</a></code>, or <code title=event-dragend><a href=#event-dragend>dragend</a></code>, and to have the <code title=dom-UIEvent-detail><a href=#dom-uievent-detail>detail</a></code> attribute initialized to zero, the mouse and key
attributes initialized according to the state of the input devices as they would be for user
interaction events, the <code title="">relatedTarget</code> attribute initialized to null, and
the <code title=dom-DragEvent-dataTransfer><a href=#dom-dragevent-datatransfer>dataTransfer</a></code> attribute initialized to <var title="">dataTransfer</var>, the <code><a href=#datatransfer>DataTransfer</a></code> object created above.</p>
Expand Down Expand Up @@ -76727,8 +76731,8 @@ <h4 id=drag-and-drop-processing-model><span class=secno>8.7.5 </span>Drag-and-dr
selection</a> than during the last iteration (or if this is
the first iteration), and if this <a href=#immediate-user-selection>immediate user
selection</a> is not the same as the <a href=#current-target-element>current target
element</a>, then update the <a href=#current-target-element>current target
element</a> as follows:</p>
element</a>, then <a href=#fire-a-dnd-event>fire a DND event</a> named <code title=event-dragexit><a href=#event-dragexit>dragexit</a></code> at the <a href=#current-target-element>current target element</a>, and then
update the <a href=#current-target-element>current target element</a> as follows:</p>

<dl class=switch><dt>If the new <a href=#immediate-user-selection>immediate user selection</a> is null</dt>

Expand Down Expand Up @@ -77117,6 +77121,14 @@ <h4 id=dndevents><span class=secno>8.7.6 </span>Events summary</h4>
<!-- <td>Same as last event</td> -->
<td><a href=#dropEffect-initialization>Based on <code>effectAllowed</code> value</a></td>
<td>Reject <a href=#immediate-user-selection>immediate user selection</a> as potential <a href=#current-target-element title="current target element">target element</a></td>
<tr><td><dfn id=event-dragexit title=event-dragexit><code>dragexit</code></dfn></td>
<td><a href=#current-target-element title="current target element">Previous target element</a></td>
<!-- <td>&#x2713; Bubbles</td> -->
<td>&mdash;</td>
<td><a href=#concept-dnd-p title=concept-dnd-p>Protected mode</a>
<!-- <td>Same as last event</td> -->
<td>"<code title="">none</code>"</td>
<td>None</td>
<tr><td><dfn id=event-dragleave title=event-dragleave><code>dragleave</code></dfn></td>
<td><a href=#current-target-element title="current target element">Previous target element</a></td>
<!-- <td>&#x2713; Bubbles</td> -->
Expand Down Expand Up @@ -77532,6 +77544,7 @@ <h5>Paste from clipboard</h5>
<p>The events involved in this process are the <code
title="event-dragenter">dragenter</code>, <code
title="event-dragover">dragover</code>, <code
title="event-dragexit">dragexit</code>, <code
title="event-dragleave">dragleave</code>, and <code
title="event-drop">drop</code> events.</p>

Expand Down Expand Up @@ -99959,6 +99972,11 @@ <h3 class=no-num id=element-content-categories>Element content categories</h3>
<td> <code title=event-dragenter><a href=#event-dragenter>dragenter</a></code> event handler
<td> <a href=#event-handler-content-attributes title="event handler content attributes">Event handler content attribute</a>

<tr><th id=ix-handler-ondragexit> <code title="">ondragexit</code>
<td> <a href=#handler-ondragexit title=handler-ondragexit>HTML elements</a>
<td> <code title=event-dragexit><a href=#event-dragexit>dragexit</a></code> event handler
<td> <a href=#event-handler-content-attributes title="event handler content attributes">Event handler content attribute</a>

<tr><th id=ix-handler-ondragleave> <code title="">ondragleave</code>
<td> <a href=#handler-ondragleave title=handler-ondragleave>HTML elements</a>
<td> <code title=event-dragleave><a href=#event-dragleave>dragleave</a></code> event handler
Expand Down

0 comments on commit ba9b1fc

Please sign in to comment.