Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

이 문서는 아직 자원 봉사자들이 한국어로 번역하지 않았습니다. 함께 해서 번역을 마치도록 도와 주세요!

Obsolete
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Removed in Firefox 50, and never implemented in any other browser. Use the modern standard HTML5 drag and drop feature instead.

Summary

An event handler for drag and drop events sent to the window.

Syntax

window.ondragdrop = funcRef;
window.addEventListener("dragdrop", funcRef, useCapturing);
funcRef 
The event handler function to be registered.

The window.ondragdrop property and the ondragdrop attribute are not implemented in Gecko (bug 112288), you have to use addEventListener. See addEventListener for details.

Example

Fire an alert on dragdrop

In this example, an event listener is added to the window (the event target). If, from an external source, a tab, a link, marked text or a file is dragged and dropped onto this window, the alert is fired. Note how event.stopPropagation(); prevents the browser from loading the dropped tab, link or file.

<html>
<head><title>dragdroptest</title>

<script type="text/javascript">

window.addEventListener("dragdrop", testfunc, false);

function testfunc(event) {
    alert("dragdrop!");
    event.stopPropagation();
}
</script>

</head>
<body>
I am bodytext
</body>
</html>

Specification

Not part of specification.

문서 태그 및 공헌자

 이 페이지의 공헌자: Sheppy, fscholz, teoli, cpigat, libreGeekingKid, Tprogers, Tobi, Nickolay, Rappo
 최종 변경: Sheppy,