HTML5 Drag and Drop - MCQs

HTML5 Drag and Drop - MCQs

1) Drag and Drop (DnD) is powerful User Interface concept which makes it easy to.

A) Copy
B) Deletion
C) Reorder
D) All the mentioned above
View Answer / Hide Answer


2)HTML 5 DnD is supported by all the major browsers like Chrome, Firefox 3.5 and Safari 4.

A) True
B) False
View Answer / Hide Answer


3) Drag and Drop (DnD) is powerful User Interface concept which makes it easy to copy, reorder and deletion of items with the help of.

A) Keyboard
B) Mouse
C) Both A & B
D) None of the above
View Answer / Hide Answer


4) Which event will fire every time when the mouse is moved while the object is being dragged.

A) Drop
B) Drag
C) Dragend
D) Dragstart
View Answer / Hide Answer


5) Which event is fired as the mouse is moved over an element when a drag is occuring. Much of the time, the operation that occurs during a listener will be the same as the dragenter event.

A) Dragleave
B) Dragover
C) Dragstart
D) Dragenter
View Answer / Hide Answer


6) Which data transfer attribute returns the specified data. If there is no such data, returns the empty string.

A) data = dataTransfer.getData(format)
B) dataTransfer.setData(format, data)
C) dataTransfer.files
D) dataTransfer.setDragImage(element,x,y)
View Answer / Hide Answer


7) These are the steps for,

a) The dragenter event, which is used to determine whether or not the drop target is to accept the drop. If the drop is to be accepted, then this event has to be canceled.
b) The dragover event, which is used to determine what feedback is to be shown to the user. If the event is canceled, then the feedback (typically the cursor) is updated based on the dropEffect attribute's value.

A) Dragging the object
B) Dropping the object
C) Both A & B
D) None of the above
View Answer / Hide Answer


8) The following description is given for which data transfer attribute?

a) Returns the kind of operation that is currently selected.
b) This attribute can be set, to change the selected operation.
c) The possible values are none, copy, link, and move.

A) dataTransfer.effectAllowed [ = value ]
B) dataTransfer.dropEffect [ = value ]
C) dataTrnasfer.types
D) dataTransfer.clearData( [ format ] )
View Answer / Hide Answer


9) The drop event fires when the user releases the mouse button while dragging an object.

A) True
B) False
View Answer / Hide Answer


10) HTML5 came up with a Drag and Drop (DnD) API that brings native DnD support to the browser making it much easier to code up.

A) Yes
B) No
View Answer / Hide Answer