---
title: "Dra och släpp"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/99048-dra-och-släpp"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2004-03-08T22:19:49.000Z"
updated: "2004-03-08T22:19:49.000Z"
replies: 0
views: 271
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/99048-dra-och-släpp"
---

# Dra och släpp

## #1 — Jesper T, 2004-03-08T22:19Z

1\. Finns det sätt att effektiviserad denna kod?
2\. Finns det ngt sätt att får detta funka på relativt positionerade divar? 

```
<script language="javascript">
	var srcObj = new Object;
	
        function cancelEvent() {
            window.event.returnValue = false;
        }
        
        function drop(id) {
		srcObj = window.event.srcElement;
		alert(srcObj.myLabel + ' : '+ id);

        }
        
        function handleMouseMove() {
            if (window.event.button == 1) {
				srcObj = window.event.srcElement;
				if(srcObj.className=='dnd'){
				srcObj.dragDrop();
				}
            }
        }      
    </script>

<div class="dnd" style="position:absolute;top:100px;background:red;cursor:pointer;" ondragover="cancelEvent()" ondrop="drop('A')" onmousemove="handleMouseMove()" myLabel="122">A</div>
<div class="dnd" style="position:absolute;background:red;cursor:pointer;" ondragover="cancelEvent()" ondrop="drop('B')" onmousemove="handleMouseMove()" myLabel="125">B</div>
```

Permalänk: https://www.webforum.nu/p/99048

---

Tråden på webben: https://www.webforum.nu/amne/javascript/99048-dra-och-släpp