{"json_modified": "2016-10-08T02:33:45.414134", "uuid": "1f6e5902-22b7-4b57-b7a3-cc6e63045749", "title": "Introduction to events", "url": "/en-US/docs/Learn/JavaScript/Building_blocks/Events", "tags": ["Event Handler", "Beginner", "Guide", "JavaScript", "Article", "CodingScripting", "Learn", "events", "Events"], "translations": [], "modified": "2016-10-08T02:33:45", "label": "Introduction to events", "localization_tags": [], "locale": "en-US", "id": 192879, "last_edit": "2016-10-08T02:30:20", "summary": "Events are actions or occurrences that happen in the system you are programming, which the system tells you about so you can respond to them in some way if desired. For example if the user clicks a button on a webpage, you might want to respond to that action by displaying an information box. In this article we will discuss some important concepts surrounding events, and look at how they work in browsers. This won't be an exhaustive study; just what you need to know at this stage.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "A_series_of_fortunate_events", "title": "A series of fortunate events"}, {"id": "A_simple_example", "title": "A simple example"}, {"id": "It's_not_just_web_pages", "title": "It's not just web pages"}, {"id": "Ways_of_using_web_events", "title": "Ways of using web events"}, {"id": "Event_handler_properties", "title": "Event handler properties"}, {"id": "Inline_event_handlers_\u2014_don't_use_these", "title": "Inline event handlers \u2014 don't use these"}, {"id": "addEventListener()_and_removeEventListener()", "title": "addEventListener() and removeEventListener()"}, {"id": "What_mechanism_should_I_use", "title": "What mechanism should I use?"}, {"id": "Other_event_concepts", "title": "Other event concepts"}, {"id": "Event_objects", "title": "Event objects"}, {"id": "Hidden_example", "title": "Hidden example"}, {"id": "Preventing_default_behaviour", "title": "Preventing default behaviour"}, {"id": "Event_bubbling_and_capture", "title": "Event bubbling and capture"}, {"id": "Hidden_video_example", "title": "Hidden video example"}, {"id": "Bubbling_and_capturing_explained", "title": "Bubbling and capturing explained"}, {"id": "Fixing_the_problem_with_stopPropagation()", "title": "Fixing the problem with stopPropagation()"}, {"id": "Conclusion", "title": "Conclusion"}, {"id": "See_also", "title": "See also"}], "slug": "Learn/JavaScript/Building_blocks/Events", "review_tags": []}