Browse Prior Art Database

Dragging HTML Elements Within a Web Browser. Disclosure Number: IPCOM000190163D
Original Publication Date: 2009-Nov-18
Included in the Prior Art Database: 2009-Nov-18
Document File: 3 page(s) / 43K

Publishing Venue



Dragging elements on a webpage past the edge of the browser window causes undesirable interface behavior. Loss of mouse move event until the cursor returns into the window. The element will stop moving even though the cursor continues to move. Loss of mouse up event; when the cursor is returned to the window dragging may continue unexpectedly. Fast cursor acceleration past window edge releases drag (without releasing mouse click).

This text was extracted from a PDF file.
At least one non-text object (such as an image or picture) has been suppressed.
This is the abbreviated version, containing approximately 54% of the total text.

Page 1 of 3

Dragging HTML Elements Within a Web Browser .


Page 2 of 3

Dragging elements contained on a web page past the edge of the browser window causes undesirable interface behavior. For example, the mouse movement event may be lost until the cursor returns within the bounds of the window, causing the element that is being dragged to stop moving, even though the cursor continues on. Alternatively, the mouse up event may be lost, causing the dragging to continue unexpectedly when the cursor returns to the window. A third example of unpredictable behavior is when there is fast cursor acceleration past the edge of the browser window, causing the drag to end prematurely.

    Our invention is a new and different method to maintain consistent and predictable behavior when dragging a component outside the window boundary of a web browser through the use of overlays. Simply, our approach is to identify which elements in a web page allow the browser to fire relevant mouse events when the cursor is moved past the edge of the browser window. We then overlay the element above the area which initiates an element drag, so that the behavior can be modified and contained. For example, a text node can be used (provided the text is empty within the node). In Internet Explorer, a transparent image element has a similar effect.

    Our solution provides a number of robust features which can be then used in HTML web applications. Elements can be dragged past the browser boundaries without any interruption. Furthermore, the spe...