JavaScript 事件委托：点击父元素触发子元素点击事件

要实现点击父元素时同时触发子元素的点击事件，可以使用事件委托的方式。具体步骤如下：

1. 给父元素添加点击事件监听器。
2. 在点击事件处理函数中，判断点击的目标元素是否为子元素，如果是则触发子元素的点击事件。

以下是一个示例代码：

HTML:

<div id='parent'>
  <button id='child'>子元素</button>
</div>

JavaScript:

var parent = document.getElementById('parent');
var child = document.getElementById('child');

parent.addEventListener('click', function(event) {
  var target = event.target;
  
  // 判断点击的目标元素是否为子元素
  if (target === child) {
    console.log('子元素被点击');
    // 触发子元素的点击事件
    child.click();
  } else {
    console.log('父元素被点击');
  }
});

在上面的示例中，点击父元素时会输出'父元素被点击'，同时触发子元素的点击事件，子元素被点击时会输出'子元素被点击'。