From 4f77df0084ede4cf0c35b196b9139f412c37c496 Mon Sep 17 00:00:00 2001 From: mrmr1993 Date: Sat, 30 Jan 2016 19:13:50 +0000 Subject: Rework unhovering to occur automatically for all simulated hovers --- lib/dom_utils.coffee | 27 ++++++++++++++++++++------- 1 file changed, 20 insertions(+), 7 deletions(-) (limited to 'lib') diff --git a/lib/dom_utils.coffee b/lib/dom_utils.coffee index 06a02180..7473df17 100644 --- a/lib/dom_utils.coffee +++ b/lib/dom_utils.coffee @@ -241,13 +241,26 @@ DomUtils = for event in eventSequence @simulateMouseEvent event, element, modifiers - simulateMouseEvent: (event, element, modifiers = {}) -> - mouseEvent = document.createEvent("MouseEvents") - mouseEvent.initMouseEvent(event, true, true, window, 1, 0, 0, 0, 0, modifiers.ctrlKey, modifiers.altKey, - modifiers.shiftKey, modifiers.metaKey, 0, null) - # Debugging note: Firefox will not execute the element's default action if we dispatch this click event, - # but Webkit will. Dispatching a click on an input box does not seem to focus it; we do that separately - element.dispatchEvent(mouseEvent) + simulateMouseEvent: do -> + lastHoveredElement = undefined + (event, element, modifiers = {}) -> + + if event == "mouseout" + element ?= lastHoveredElement # Allow unhovering the last hovered element by passing undefined. + lastHoveredElement = undefined + return unless element? + + else if event == "mouseover" + # Simulate moving the mouse off the previous element first, as if we were a real mouse. + @simulateMouseEvent "mouseout", undefined, modifiers + lastHoveredElement = element + + mouseEvent = document.createEvent("MouseEvents") + mouseEvent.initMouseEvent(event, true, true, window, 1, 0, 0, 0, 0, modifiers.ctrlKey, modifiers.altKey, + modifiers.shiftKey, modifiers.metaKey, 0, null) + # Debugging note: Firefox will not execute the element's default action if we dispatch this click event, + # but Webkit will. Dispatching a click on an input box does not seem to focus it; we do that separately + element.dispatchEvent(mouseEvent) # momentarily flash a rectangular border to give user some visual feedback flashRect: (rect) -> -- cgit v1.2.3