JS: Events

Chapter:10 Events: Implement on_blur, on_mouse_over and on_shift_key_press events in a web form
                    1. HTML element events
                    2. Mouse events
                    3. Click events
                    4. Load events
                    5. Keyboard events


Code:
         
         
          
                  
Output: 
             
Output: when focused
             
Output: on blur
             
Output: on mouse over
            
Output: on shift key not pressed
            
Output: on shift key pressed
            
Output: on submit pressed
            


Mouse events:
           1. onclick event
           2. oncontextmenu event
           3. ondbclick event
           4. onmousedown event
           5. onmouseenter event
           6. onmouseleave event
           7. onmousemove event
           8. onmouseover event
           9. onmouseout event
         10. onmouseup event
         11. alt key pressed
         12. button
         13. buttons
         14. ctrl key pressed
         15. shift key pressed
         16. getModifierState
         17. metaKey
         18. MovementX
         19. MovementY
         20. offsetX
         21. offsetY
         22. pageX
         23. pageY
         24. region
         25. relatedTarget
         26. screenX
         27. screenY
         28. which

Load events:
           1. onload event
           2. onloadeddata event
           3. onloadedmetadata event
           4. onloadstart event

Keyboard events:
           1. onkeydown event
           2. onkeypress event
           3. onkeyup event