嘿，这个场景我之前做项目时也遇到过，给你几个靠谱的解决思路：

方法一：提前追踪当前激活的标签页（最推荐） #

因为paste事件绑定在window上，事件本身不会直接携带当前标签页的信息，所以最稳妥的方式是在标签页切换/激活时，主动记录当前的tabName，存到组件的属性里，等paste事件触发时直接取用就行。

比如：

// 假设你的标签页点击事件处理函数
onTabClick(tabName) {
  // 把当前激活的标签页名称存到组件属性里
  this.currentActiveTab = tabName;
  // 你的标签切换逻辑...
}

// 别忘了处理键盘切换标签的情况，监听标签页的focus事件
onTabFocus(tabName) {
  this.currentActiveTab = tabName;
}

然后在你的paste事件处理函数里直接用：

insertNewRowsBeforePaste(event) {
  const tabName = this.currentActiveTab; // 这里就能拿到'Tab 1'/'Tab 2'啦
  // 基于tabName的后续处理逻辑...
}

这个方法完全不依赖DOM结构，不管用户是用鼠标点击还是键盘切换标签，只要标签页处于激活状态，就能准确拿到名称，可靠性拉满。

方法二：从事件目标/活跃元素反向查找标签页 #

如果不想额外维护currentActiveTab，也可以通过event.target或者document.activeElement，从触发粘贴的元素往上遍历DOM树，找到对应的标签页容器，提取它的名称。

比如假设你的标签页容器有data-tab-name属性：

insertNewRowsBeforePaste(event) {
  let tabName = null;
  // 从事件触发的元素开始往上找
  let currentEl = event.target;
  
  while (currentEl && currentEl !== document.body) {
    // 检查当前元素是否是标签页容器（根据你的DOM结构调整判断条件）
    if (currentEl.dataset?.tabName) {
      tabName = currentEl.dataset.tabName;
      break;
    }
    currentEl = currentEl.parentElement;
  }

  // 万一没找到（比如用户在页面空白处粘贴），可以加个兜底逻辑
  if (!tabName) {
    tabName = this.currentActiveTab; // 这里还是可以用上方法一的变量
  }

  // 后续处理...
}

或者用document.activeElement（当前获得焦点的元素）来遍历：

insertNewRowsBeforePaste(event) {
  const activeEl = document.activeElement;
  let tabName = null;
  
  if (activeEl) {
    let currentEl = activeEl;
    while (currentEl && currentEl !== document.body) {
      if (currentEl.dataset?.tabName) {
        tabName = currentEl.dataset.tabName;
        break;
      }
      currentEl = currentEl.parentElement;
    }
  }

  tabName = tabName || this.currentActiveTab;
  // 后续处理...
}

这个方法需要你的DOM结构有统一的标签页标识（比如特定类名、自定义属性），如果DOM结构比较复杂，可能会有找不到的情况，所以建议和方法一结合使用，作为兜底。

内容的提问来源于stack exchange，提问作者CodeMan03