Event: target ããããã£

Baseline Widely available

This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨2015å¹´7æâ©.

ã¡ã¢: ãã®æ©è½ã¯ã¦ã§ãã¯ã¼ã«ã¼åã§å©ç¨å¯è½ã§ãã

å¤

é¢é£ãã EventTarget ã§ãã

ä¾

event.target ããããã£ã¯ãã¤ãã³ãããªã²ã¼ã·ã§ã³ãå®è£ããããã«ä½¿ç¨ã§ãã¾ãã

// ãªã¹ãã®ä½æ
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 ã¯ã¯ãªãã¯ããã <li> è¦ç´ ãåç§ãã¦ãã¾ãã
  // ããã¯ãã®ã³ã³ããã¹ãã§è¦ªã§ãã <ul> ãåç§ãã¦ãã evt.currentTarget ã¨ã¯ç°ãªãã¾ãã
  evt.target.style.visibility = "hidden";
}

// ãªã¹ãã«ãªã¹ãã¼ãæ¥ç¶ãã¾ã
// <li> ãã¯ãªãã¯ãããæã«çºè¡ããã¾ãã
ul.addEventListener("click", hide, false);