Web input through drag and drop

摘要

A system for enabling the drag and drop behavior detects a cursor over a non-input element and creates a container to receive an object dragged by the cursor. When the cursor drops an object on the non-input element, the container receives and stores the dropped object. The system then removes the container and provides the stored object to input field associated with the non-input element.

主权项

1. A computer-implemented method for receiving an input, the method comprising:
detecting, using one or more computing devices, a cursor over a non-input element, the non-input element not capable of receiving an input through drag and drop behavior; creating, using the one or more computing devices, responsive to detecting the cursor over the non-input element, an imperceptible container to receive an object dragged by the cursor, the imperceptible container following the cursor and placed between the non-input element and the dragged object; receiving, using the one or more computing devices, the dragged object in the imperceptible container responsive to the cursor dropping the dragged object over the non-input element; removing, using the one or more computing devices, the imperceptible container after receiving the dragged object so that the imperceptible container no longer follows the cursor; storing, using the one or more computing devices, the received object; and populating, using the one or more computing devices, an input field with the stored object, the input field determined based on the non-input element over which the cursor is located.