SOURCE CODE: Virtual DOM Events

VIEW EXAMPLE




  Virtual DOM Events | JavaScript Examples | UIZE JavaScript Framework
  
  
  
  
  
  
  






UIZE JavaScript Framework

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).

mouseRest
mouse over me and then rest the mouse for more than half a second
LOG (clear)
mouseRemainOver
mouse over me for more than half a second (mouse can keep moving)
LOG (clear)
mouseRemainDown
hold mouse down on me for more than half a second (mouse may move)
LOG (clear)
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)