Fires on the source object continuously during a drag operation. dhtml语法 Inline HTML | <ELEMENT ondrag = "handler" ... >
| All platforms |
---|
Event property | object.ondrag = handler | JScript only |
---|
object.ondrag = GetRef("handler") | Visual Basic Scripting Edition (VBScript) 5.0 or later only | Named script |
<SCRIPT FOR =
object EVENT = ondrag>
| Internet Explorer only |
---|
Event Information Bubbles | Yes |
---|
Cancels | Yes |
---|
To invoke | - Drag a text selection or object within the browser.
- Drag a text selection or object to another browser.
- Drag a text selection or object to a drop target in another application.
- Drag a text selection or object to the system desktop.
|
---|
Default action |
Calls the associated event handler if there is one. |
---|
Event Object Properties Although event handlers in the DHTML Object Model do not receive parameters directly, a handler can query an event object for data. available properties altKey |
Sets or retrieves a value that indicates the state of the ALT key. |
---|
altLeft |
Sets or retrieves a value that indicates the state of the left ALT key. |
---|
cancelBubble |
Sets or retrieves whether the current event should bubble up the hierarchy of event handlers. |
---|
clientX |
Sets or retrieves the x-coordinate of the mouse pointer's position relative to the client area of the window, excluding window decorations and scroll bars. |
---|
clientY |
Sets or retrieves the y-coordinate of the mouse pointer's position relative to the client area of the window, excluding window decorations and scroll bars. |
---|
ctrlKey |
Sets or retrieves the state of the CTRL key. |
---|
ctrlLeft |
Sets or retrieves the state of the left CTRL key.
|
---|
dataTransfer |
Provides access to predefined clipboard formats for use in drag-and-drop operations. |
---|
offsetX |
Sets or retrieves the x-coordinate of the mouse pointer's position relative to the object firing the event. |
---|
offsetY |
Sets or retrieves the y-coordinate of the mouse pointer's position relative to the object firing the event. |
---|
returnValue |
Sets or retrieves the return value from the event. |
---|
screenX |
Retrieves the x-coordinate of the mouse pointer's position relative to the user's screen. |
---|
screenY |
Sets or retrieves the y-coordinate of the mouse pointer's position relative to the user's screen. |
---|
shiftLeft |
Retrieves the state of the left SHIFT key.
|
---|
srcElement |
Sets or retrieves the object that fired the event. |
---|
type |
Sets or retrieves the event name from the event object. |
---|
x |
Sets or retrieves the x-coordinate, in pixels, of the mouse pointer's position relative to a relatively positioned parent element. |
---|
y |
Sets or retrieves the y-coordinate, in pixels, of the mouse pointer's position relative to a relatively positioned parent element. |
---|
Remarks This event fires on the source object after the ondragstart 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.
DHTML代码范例
This 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>
var oNewOption;
// 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;
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> This feature requires Microsoft® Internet Explorer 5 or later. Click the following icon to install the latest version. Then reload this page to view the sample.
是否符合公共标准
There is no public standard that applies to this event.
Applies To |
A,
ACRONYM,
ADDRESS,
AREA,
B,
BDO,
BIG,
BLOCKQUOTE,
BODY,
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,
MENU,
NOBR,
OBJECT,
OL,
P,
PLAINTEXT,
PRE,
Q,
S,
SAMP,
SMALL,
SPAN,
STRIKE,
STRONG,
SUB,
SUP,
TABLE,
TBODY,
TD,
TEXTAREA,
TR,
TT,
U,
UL,
VAR,
XMP | |
更多语法参考 about dhtml data transfer, ondragstart
|