javascript - 使用 document 处理 JavaScript 中的所有事件

Question

管理文档元素下的所有点击事件是个好主意吗？ DOM 不断被操作，因此我不能只在文档元素上分配一个事件处理程序，而不是不断地为每个新创建的 DOM 元素注册新事件吗？例如:

document.onclick = function(event) {
  switch(event.target.id) {
    case 'someid':
      // SOME ACTION
      break;
    case 'someotherid':
      // SOME OTHER ACTION
      break;
    default:
      // A CLICK WITH NO ACTION
  }
};

Answer 1

是的。这种模式称为事件委托(delegate)，你可以找到great article在 David Walsh 的博客上

您还应该看看 Element matches/matchesSelector API

-https://developer.mozilla.org/es/docs/Web/API/Element/matches

-https://davidwalsh.name/element-matches-selector