Javascript DOM Event

Description

Click the following links for the tutorial for DOM and Event.

1. eventPhase Event Property
2. defaultPrevented Event Property
3. currentTarget Event Property
4. cancelable Event Property
5. bubbles Event Property
6. animationstart Event
7. animationiteration Event
8. animationend Event



9. view Event Property
10. type Event Property
11. timeStamp Event Property
12. target Event Property - Using event.target with the element.tagName to find out which element triggered the event
13. target Event Property
14. stopImmediatePropagation() Event Method
15. preventDefault() Event Method - Prevent the default action of a checkbox:
16. preventDefault() Event Method



17. isTrusted Event Property
18. Handle input text field focus lost event
19. Use this to reference current element during event handling
20. Check event function parameter
21. Use caller.arguments[] to get event trigger
22. Apply "use strict" in event handler
23. adding event listener with custom callback?
24. Create JavaScript Event with attached data
25. Init event with event.initEvent
26. Fire event with event.dispatchEvent
27. Add message event handler for window
28. Check event data attribute
29. Use event source to call postMessage
30. Call event.stopImmediatePropagation() to stop event
31. When is the page left/unloaded, handle load, unload and before unload event
32. Access function inside closures using event
33. Using addEventListener for Two Functions
34. Add event to element when DOM is loaded
35. DOM Mutation event in vanilla Javascript
36. Handle DOM element inserted event with DOMNodeInserted
37. Get current event target element's value
38. Handle change event on <select> element
39. Stop event with event.preventDefault()
40. Query element when DOM content is loaded via event handler for DOMContentLoaded
41. Use window.open inside the window.load function event
42. Check if the user changes domain vis window onhashchange event
43. Simple onclick event to output String
44. Handle HTML DOM load event on iframe using javascript
45. Delete <p> element in form submit event
46. Add on click event handler for created div element
47. Prevent event binded to object from being overridden
48. Check event element id
49. Handle two event with the same functions