Breaking News: Grepper is joining You.com. Read the official announcement!

javascript .target

Add Answer

Smoggy Swiftlet answered on October 20, 2020 Popularity 10/10 Helpfulness 2/10

answer javascript .target

related js event target

related event.target javascript

related JAVASCRIPT EVENT.TARGET

related event.target

javascript .target

Comment

// Make a list
const ul = document.createElement('ul');
document.body.appendChild(ul);

const li1 = document.createElement('li');
const li2 = document.createElement('li');
ul.appendChild(li1);
ul.appendChild(li2);

function hide(evt) {
  // e.target refers to the clicked <li> element
  // This is different than e.currentTarget, which would refer to the parent <ul> in this context
  evt.target.style.visibility = 'hidden';
}

// Attach the listener to the list
// It will fire when each <li> is clicked
ul.addEventListener('click', hide, false);

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: developer.mozilla.org

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Feb 24 2021

Smoggy Swiftlet

0 Answers Avg Quality 2/10

Closely Related Answers

js event target

Comment

const button = document.querySelector(".button");

button.addEventListener("click", function (evt) {
    // the event Target variable will contain the button element that we clicked on
    const eventTarget = evt.target;
    eventTarget.setAttribute("disabled", true);
});

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: practicum.yandex.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 30 2021

Cruel Cormorant

0 Answers Avg Quality 2/10

event.target javascript

Comment

const theTarget = someEvent.target;

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: developer.mozilla.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Oct 20 2020

Troubled Tuatara

0 Answers Avg Quality 2/10

JAVASCRIPT EVENT.TARGET

Comment

event.target returns the node that was targeted by the function. 
This means you can do anything you would do with any other node like one
you'd get from document.getElementById

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 31 2021

Unsightly Unicorn

0 Answers Avg Quality 2/10

event.target

Comment

// Make a list
const ul = document.createElement('ul');
document.body.appendChild(ul);

const li1 = document.createElement('li');
const li2 = document.createElement('li');
ul.appendChild(li1);
ul.appendChild(li2);

function hide(evt) {
  // evt.target refers to the clicked <li> element
  // This is different than evt.currentTarget, which would refer to the parent <ul> in this context
  evt.target.style.visibility = 'hidden';
}

// Attach the listener to the list
// It will fire when each <li> is clicked
ul.addEventListener('click', hide, false);

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: developer.mozilla.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Mar 06 2022

Exuberant Echidna

0 Answers Avg Quality 2/10

javascript .target

Contents

More Related Answers

javascript .target

Closely Related Answers

js event target

event.target javascript

JAVASCRIPT EVENT.TARGET

event.target

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.