Handling user-interface gestures in non-rectangular regions

摘要

A technique for handling user-interface gestures in non-rectangular regions of a graphical user interface includes creating a class comprising an event handler for an onmouseover event and an event handler for an onmouseout event. The technique further includes adding each of a group of graphical elements to the class. Adding a graphical element to the class includes adding a reference to the graphical element to the class and attaching the event handlers to the graphical element. The technique then identifies a specific graphical element in the group that triggered an invocation of one of the event handlers. The technique then determines the closest border of the specific graphical element to the mouse pointer. In the event another graphical element in the group shares the closest border, the technique stops either the onmouseover or onmouseout event from propagating.

主权项

1. A method comprising:
in response to detecting a first user-interface gesture that indicates entry into a first graphical element in a group of graphical elements triggering a first event, propagating, using a processor of a computer, the first event to the group of graphical elements to change a behavior of the group of graphical elements to a behavior specific to the first graphical element, wherein the group of graphical elements forms a non-rectangular region; detecting a second user-interface gesture that indicates exit from the first graphical element triggering a second event; in response to determining that a closest border of the first graphical element is shared with a another graphical element in the group of graphical elements,
delaying processing of the second event by a specific amount of time to allow movement over a gap between the first graphical element and the another graphical element, wherein the group of graphical elements retains the behavior while there is movement over the gap; andstopping propagation of the second event to the group of graphical elements, wherein the group of graphical elements retains the behavior; and in response to determining that the closest border of the first graphical element is not shared with another graphical element in the group of graphical elements, propagating the second event to the group of graphical elements to change the behavior of the group of graphical elements.