Safari 17中如何隐藏程序化粘贴触发的「粘贴」上下文菜单？

在Safari 17里，调用navigator.clipboard.readText()弹出原生「粘贴」上下文菜单是浏览器的默认安全交互行为，目前没有官方API直接禁用该菜单，但可以通过以下两种 workaround 解决：

方案一：使用document.execCommand('paste')替代（推荐） #

这个API虽被标记为废弃，但Safari仍稳定支持，且执行时不会触发上下文菜单。需注意必须在用户交互上下文（如点击、按键事件回调）内调用，否则会被浏览器安全机制拦截。

示例代码：

// 绑定到用户触发的事件（比如按钮点击）
document.getElementById('pasteTriggerBtn').addEventListener('click', () => {
  const targetTextarea = document.getElementById("myTextarea");
  
  try {
    // 触发粘贴操作，无上下文菜单弹出
    const success = document.execCommand('paste');
    if (success) {
      // 粘贴内容会直接进入当前聚焦元素，先让目标textarea聚焦
      targetTextarea.focus();
      // 读取并处理内容
      targetTextarea.innerHTML = targetTextarea.value;
    }
  } catch (err) {
    console.error('程序化粘贴失败:', err);
  }
});

方案二：拦截上下文菜单事件（备选） #

通过监听全局contextmenu事件，判断是否为程序化粘贴触发的菜单并阻止默认行为。但该方法存在不确定性，可能误拦截用户主动触发的上下文菜单，仅作为备选方案。

示例代码：

// 全局监听上下文菜单
document.addEventListener('contextmenu', (e) => {
  if (window._isProgrammaticPaste) {
    e.preventDefault();
    window._isProgrammaticPaste = false;
  }
});

// 程序化粘贴函数
async function doProgrammaticPaste() {
  window._isProgrammaticPaste = true;
  try {
    const copiedText = await navigator.clipboard.readText();
    document.getElementById("myTextarea").innerHTML = copiedText;
  } catch (err) {
    console.error('粘贴失败:', err);
  } finally {
    // 延迟重置标记，避免误拦截
    setTimeout(() => window._isProgrammaticPaste = false, 150);
  }
}

注意：方案二的可靠性依赖于浏览器菜单触发时机与代码执行的同步性，不同Safari版本可能存在差异，优先推荐方案一。

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