Scribd Logo
Upload

Welcome to Scribd!

  • DOM Events With JavaScript

    Uploaded by

    Luis Almeida
    13 views3 pages
    This document discusses how to add and remove event listeners in JavaScript. It shows code for adding an event listener to an event target to call an event handler function when an event occurs. It also shows removing that specific event listener. An example is provided of adding a click event listener to a button element to change its background color on click. Finally, an example directly assigns an onclick function to an element with an ID of 'test' that triggers an alert when clicked.

    Original Description:

    Original Title

    DOM Events with JavaScript

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document discusses how to add and remove event listeners in JavaScript. It shows code for adding an event listener to an event target to call an event handler function when an event occurs. It also shows removing that specific event listener. An example is provided of adding a click event listener to a button element to change its background color on click. Finally, an example directly assigns an onclick function to an element with an ID of 'test' that triggers an alert when clicked.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13 views3 pages

    DOM Events With JavaScript

    Uploaded by

    Luis Almeida
    This document discusses how to add and remove event listeners in JavaScript. It shows code for adding an event listener to an event target to call an event handler function when an event occurs. It also shows removing that specific event listener. An example is provided of adding a click event listener to a button element to change its background color on click. Finally, an example directly assigns an onclick function to an element with an ID of 'test' that triggers an alert when clicked.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    eventTarget.

    addEventListener("event",
    eventHandlerFunction);

    eventTarget.addEventListener("event",
    eventHandlerFunction);

    eventTarget.removeEventListener("event",
    eventHandlerFunction);
    // An event is triggered when a user
    clicks on the #button element,
    // which then sets the #button element's
    background-color to blue.
    $('#button').on('click', event => {
    $(event.currentTarget).css('background-
    color', 'blue');
    });

    //Assuming there is an element with


    ID='test' on the page

    document.getElementById('test').onclick =
    function(e) {
    alert('Element clicked!');
    };

    You might also like