• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. 개발자를 위한 웹 기술
  2. Web API
  3. DataTransfer
  4. DataTransfer()
    • English (US)
    • Deutsch
    • 日本語
    • 中文 (简体)

이 페이지는 영어로부터 커뮤니티에 의하여 번역되었습니다. MDN Web Docs에서 한국 커뮤니티에 가입하여 자세히 알아보세요.

목차

  • 구문
  • 명세서
  • 브라우저 호환성
  1. HTML 드래그 앤 드롭 API
  2. DataTransfer
  3. 생성자
    1. DataTransfer()
  4. 인스턴스 속성
    1. dropEffect
    2. effectAllowed
    3. files
    4. items
    5. types
  5. 인스턴스 메서드
    1. addElement() Experimental 비표준
    2. clearData()
    3. getData()
    4. setData()
    5. setDragImage()
  6. HTML Drag and Drop API에 대한 관련 페이지
    1. DataTransferItem
    2. DataTransferItemList
    3. DragEvent
  7. 안내서
    1. File drag and drop
    2. Drag operations
    3. Recommended Drag Types

목차

  • 구문
  • 명세서
  • 브라우저 호환성

DataTransfer: DataTransfer() 생성자

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.

  • Learn more
  • See full compatibility
  • Report feedback

DataTransfer 생성자는 새로운 DataTransfer 객체 인스턴스를 생성합니다.

구문

js
new DataTransfer()

매개변수

없음.

명세서

Specification
HTML
# dom-datatransfer-dev

브라우저 호환성

Help improve MDN

Learn how to contribute.

This page was last modified on 2023년 8월 11일 by MDN contributors.

View this page on GitHub • Report a problem with this content
MDN logo

Your blueprint for a better internet.

  • MDN on Bluesky
  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.