如何获取被点击的元素的最高父元素，该元素仍然是添加了事件侦听器的元素的子元素？

要获取被点击的元素的最高父元素，可以使用以下步骤：

给需要添加事件侦听器的元素添加一个点击事件的监听器。
在点击事件的处理函数中，使用event.target属性获取被点击的元素。
使用element.parentNode属性获取被点击元素的父元素。
重复步骤3，直到找到没有父元素或者父元素没有添加事件侦听器的元素，即最高父元素。

以下是一个示例代码：

// 给需要添加事件侦听器的元素添加点击事件监听器
const element = document.getElementById('your-element');
element.addEventListener('click', handleClick);

function handleClick(event) {
  // 获取被点击的元素
  const clickedElement = event.target;
  
  // 获取被点击元素的父元素
  let parentElement = clickedElement.parentNode;
  
  // 循环查找最高父元素
  while (parentElement !== null && !parentElement.hasAttribute('data-listener')) {
    parentElement = parentElement.parentNode;
  }
  
  // 最高父元素
  const highestParentElement = parentElement;
  
  // 打印最高父元素
  console.log(highestParentElement);
}

在上述代码中，我们假设最高父元素具有一个名为data-listener的自定义属性，用于判断是否添加了事件侦听器。你可以根据实际情况修改这个判断条件。

这种方法可以适用于任何前端开发框架或纯JavaScript环境。