Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

(Nora) #1

Lesson 2: Dragging and dropping files CHAPTER 13 521


FILE 13-6 he completed webpage after files were dragged and droppedT

Quick check
■■Which object provides access to the dropped files?

Quick check answer
■■The DataTransfer object

Lesson summary


■■The File object provides the name, type, and size properties.
■■To enable dropping of files, the dragenter and dragover events must be programmed
to prevent the default behavior that prevents dropping.
■■The DataTransfer object provides access to the list of dropped files.
■■The drop event provides access to the DataTransfer object.

Lesson review


Answer the following questions to test your knowledge of the information in this lesson. You
can find the answers to these questions and explanations of why each answer choice is correct
or incorrect in the “Answers” section at the end of this chapter.
Free download pdf