JAVASCRIPT EXAMPLES Virtual DOM Events
This example demonstrates virtual DOM events - such as mouseRest
, mouseRemainDown
, remainFocused
, ctrlClick
, etc. - that are available in the Uize.Dom.VirtualEvents.Remain
and Uize.Dom.VirtualEvents.ModClick
packages.
Each of the pods below is a test for a type of virtual DOM event. Each pod has a colorful test node, with handlers registered for various virtual DOM events, and with instructions on how to interact with the test node in order to trigger the virtual events. Below each test node is a mini log console, which will fill up with log entries as the virtual DOM events are fired (a clear link lets you clear a log).
mouseRemainUp
mouse down on me, then release mouse and keep mouse up for more than half a second
LOG (clear)
mouseRemainOut
first mouse over me, then mouse out and keep mouse out for more than half a second
LOG (clear)
keyRemainDown
LOG (clear)
keyRemainUp
LOG (clear)
remainFocused
LOG (clear)
remainBlurred
LOG (clear)
modifier key clicks
click on me, with various different combinations of shift, ctrl, and alt modifier keys pressed
LOG (clear)