onmove, onmoveend, onmovestartNN nicht zutreffend IE 5.5(Win) DOM nicht zutreffend

Aufwärtsverbreitung: Ja; Abbruch möglich: Nein

Im Bearbeitungsmodus empfängt ein für Drag&Drop-Aktionen eingerichtetes positionierbares Element die folgenden Ereignisse in der angegebenen Reihenfolge: onmovestart (zu Beginn der Drag&Drop-Aktion), onmove (wiederholt während des Ziehens) und onmoveend (beim Loslassen der Maustaste). Im folgenden Beispiel wird anhand verschiedener Ereignisse die Skripterstellung im IE-Bearbeitungsmodus demonstriert (beachten Sie, dass der native Drag&Drop-Mechanismus für Elemente in IE 6 nicht besonders gut funktioniert, wenn das <!DOCTYPE>-Element auf ein DTD im standardkompatiblen Modus weist):

<htm> 
<head> 
<title>IE 5.5 (Windows) Edit Mode</title> 
<style type="text/css">
   body {font-family:Arial, sans-serif}
   #myDIV  {position:absolute; height:100px; width:300px;}
   .regular {border:5px black solid; padding:5px; background-color:lightgreen}
   .moving {border:5px maroon dashed; padding:5px; background-color:lightyellow}
   .chosen {border:5px maroon solid; padding:5px; background-color:lightyellow}
</style>
<script type="text/javascript">
// built-in dragging support
document.execCommand("2D-position",false,true);
// preserve content between modes
var oldHTML = "";

// engage static edit environment
function editOn( ) {
    var elem = event.srcElement;
    elem.className = "chosen";
}

// engage special edit-move environment
function moveOn( ) {
    var elem = event.srcElement;
    oldHTML = elem.innerHTML;
    elem.className = "moving";
}

// display coordinates during drag
function trackMove( ) {
    var elem = event.srcElement;
    elem.innerHTML = "Element is now at: " + elem.offsetLeft + ", " +
                      elem.offsetTop;
}

// turn off special edit-move environment
function moveOff( ) {
    var elem = event.srcElement;
    elem.innerHTML = oldHTML;
    elem.className = "chosen";
}

// restore original environment (wrapper gets onfocusout)
function editOff( ) {
    var elem = event.srcElement;
    if (elem.id == "wrapper") {
        elem.firstChild.className = "regular";
    }
}

// initialize event handlers
function init( ) {
    document.body.oncontrolselect = editOn;
    document.body.onmovestart = moveOn;
    document.body.onmove = trackMove;
    document.body.onmoveend = moveOff;
    document.body.onfocusout = editOff;
}
</script> 
</head> 
<body onload="init( );">
<div id="wrapper" contenteditable="true">
    <div id="myDIV" class="regular">
        This is a positioned element with some text in it.
    </div>
</div>
</body> 
</html>l
 
Typische Ziele

Ein LayoutRect-XML-Objekt.