JavaScript Reference/Event Handlers Reference/onDragStart

Материал из Web эксперт
Перейти к: навигация, поиск

"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: