Chapter Quiz: Drag & Drop and Clipboard APIs

Mastery Assessment: Drag & Drop and Clipboard APIs

Complete this assessment with 100% score to master this chapter.

01In the Drag and Drop API, which event must call `event.preventDefault()` to allow an element to be dropped onto a target?

02What object is used to transfer data between the draggable element and the drop target?

03Which modern API provides asynchronous access to the system clipboard?

04What is a major accessibility concern when implementing a custom drag-and-drop interface?

05Which `DataTransfer` property can be set during `dragstart` to inform the browser (and the user's cursor) whether the item is being copied or moved?

06How can you customize the 'ghost image' that follows the cursor during a drag operation?

07What is the 'User Activation' requirement for the Clipboard API?

08When reading files from a drag-and-drop operation, where are they located in the event object?

09What is the purpose of `ClipboardItem` in the `navigator.clipboard.write()` method?

10Why is it important to 'Throttle' the `dragover` event handler?