flyt element med musen giver problemer
Hej!Jeg forsøger at lave en lille detalje, hvor man skal kunne flytte et div element med musen.
So far ser det sådan her ud:
<script>
var mMove = false;
var mSubCategoryForm;
function doMove()
{
if( mMove )
{
mSubCategoryForm.style.top = event.clientY - 8;
mSubCategoryForm.style.left = event.clientX - 272;
}
}
function MoveElmEvent( aTrickerEvent, aElm )
{
mMove = aTrickerEvent;
aElm.style.backgroundColor = (aTrickerEvent)?"#009933":"#DDDDDD";
}
window.onload = function()
{
mSubCategoryForm = document.getElementById("SubCategoryForm");
}
</script>
<div id="SubCategoryForm" style="display:none;position:absolute;width:300px;">
<div style="background-color:#DDDDDD;padding:4px;text-align:right;">
<span style="padding:3px;color:#990000;cursor:default;" onmousedown="MoveElmEvent(true, this)" onmouseup="MoveElmEvent(false, this)" onmousemove="doMove()" onmouseover="flipCloseElm(this, true)" onmouseout="flipCloseElm(this, false)" title="Flyt denne box">»</span>
</div>
</div>
Og det virker også nogenlunde. Jeg holder musen nede på "flytte elementet", bevæger musen (meget langsomt), slipper igen. - Og det spiller.
Problemet opstår, når jeg forsøger at flytte elementet bare en lille smule hurtigt, så giver funktionen "slip" i elementet.
Nogen idé til optimering?
Behøver kun virke i IE
// Lajer
