JavaScript Reference/Event Handlers Reference/onDragStart
Версия от 18:30, 25 мая 2010; (обсуждение)
Содержание
"onDragStart" Example
<html>
<head>
<script language="JavaScript">
<!--
function function1() {
msg = "on" + event.type + " event fired by " + """ + event.srcElement.id + """;
alert(msg+"\nPress Enter twice to close this window")
}
-->
</script>
</head>
<body bottommargin=150>
<p>Source object:
<input id="sourceObject" size=50 value="The text to Drag" ondragstart="function1()">
<br>
</p>
<p>Drop selected text into the following text field.</p>
Target object:
<input id="targetObject" size=50 value="Drag destination element">
</body>
</html>
"onDragStart" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |<a> <acronym> |
| |<address> <area> |
| |<b> <bdo> |
| |<big> <blockquote> |
| |<body> <button> |
| |<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"> |
| |<inputtype="image"> <input type="password"> |
| |<input type="radio"> <input type="reset"> |
| |<input type="submit"> <input type="text"> |
| |<kbd> <label> |
| |<legend> <li> |
| |<listing> <map> |
| |<marquee> <menu> |
| |<nobr> <object> |
| |<ol> <option> |
| |<p> <pre> |
| |<q> <rt> |
| |<ruby> <s> |
| |<samp> <select> |
| |<small> <span> |
| |<strike> <strong> |
| |<sub> <sup> |
| |<table> <tbody> |
| |<td> <textarea> |
| |<tfoot> <th> |
| |<thead> <tr> |
| |<tt> <u> |
| |<ul> <var> |
| |<xmp> |
+----------------+--------------------------------------------------------------+
"onDragStart" Properties
+----------------+--------------------------------------------------------------+
| Properties |altKey altLeft |
| |cancelBubble clientX |
| |clientY ctrlKey |
| |ctrlLeft dataTransfer |
| |offsetX offsetY |
| |returnValue screenX |
| |screenY shiftLeft |
| |srcElement type |
| |x y |
+----------------+--------------------------------------------------------------+
"onDragStart" Syntax and Note
Note:
This event fires when the user starts a drag-and-drop operation on a selection in
the document.
For this event to fire, the object must support drag-and-drop.
Syntax: