drag

This page has been flagged with the following issues:

High-level issues:

Content:

Overview Table

Synchronous	No
Bubbles	No
Target	dom/Element
Cancelable	No
Default action

Examples

View live exampleThis example shows when and where each event fires during a drag-and-drop operation by listing each event and the name of the object firing it in a list box.

<HEAD>
<SCRIPT>
// Code for dynamically adding options to a select.
function ShowResults()
{				// Information about the events 
				 // and what object fired them.
  arg = event.type + "  fired by  " + event.srcElement.id;  
  var oNewOption = new Option(); 
  oNewOption.text = arg;
  oResults.add(oNewOption,0);
}
</SCRIPT>
</HEAD>
<BODY>
<P>Source events are wired up to this text box.</P>
<INPUT ID=txtDragOrigin VALUE="Text to Drag"
    ondragstart="ShowResults()"
    ondrag="ShowResults()"
    ondragend="ShowResults()"
>
<P>Target events are bound to this text box.</P>
<INPUT ID=txtDragDestination VALUE="Drag Destination"
    ondragenter="ShowResults()"
    ondragover="ShowResults()"
    ondragleave="ShowResults()"
    ondrop="ShowResults()"
>
<SELECT ID=oResults SIZE=30>
  <OPTION>List of Events Fired
</SELECT>
</BODY>

Notes

Remarks

This event fires on the source object after the event. The ondrag event fires throughout the drag operation, whether the selection being dragged is over the drag source, a valid target, or an invalid target. Calls the associated event handler if there is one. To invoke this event, do one of the following:

Drag a text selection or object within the client.
Drag a text selection or object to another client.
Drag a text selection or object to a drop target in another application.
Drag a text selection or object to the system desktop.

Syntax

Standards information

There are no standards that apply here.

Event handler parameters

pEvtObj [in]: Type: IHTMLEventObj

a
abbr
acronym
address
area
audio
b
bdo
big
blockQuote
body
canvas
caption
center
cite
code
custom
dd
del
dfn
dir
div
dl
document
dt
em
fieldSet
font
form
hn
hr
i
img
input type=button
input type=checkbox
input type=file
input type=image
input type=password
input type=radio
input type=reset
input type=submit
input type=text
kbd
label
li
listing
map
marquee
media
menu
noBR
object
ol
p
plainText
pre
q
s
samp
small
source
span
strike
strong
sub
sup
table
tBody
td
textArea
tr
tt
u
ul
var
video
window
xmp
About DHTML Data Transfer

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]

Search