如何检测JavaScript代码是否在触摸事件处理函数中执行

核心要先明确：Safari/iOS 对音频自动播放的限制，本质是只允许用户交互事件触发的同步执行链路里调用音频播放/音频上下文初始化接口，只要在这个同步链路里，不管中间调用了多少层第三方函数，都能绕过限制。

最稳定通用的实现方案：全局上下文标记 #

这个方案无依赖、兼容性覆盖所有iOS版本，不会被代码混淆、事件冒泡阻止影响，逻辑完全匹配Safari的判定规则。
实现逻辑：在 window 捕获阶段绑定所有触摸/点击类事件，事件触发时立刻打标记，等当前所有同步代码执行完后重置标记，所有业务/第三方代码直接读这个标记就能判断当前是否在合法交互上下文里。
完整代码示例：

// 全局维护触摸交互上下文标记
let isTouchEventContext = false;

// 需要识别的合法交互事件列表，iOS认可touch、click类事件作为音频播放的合法触发源
const validUserEvents = [
  'touchstart', 'touchend', 'touchmove', 'touchcancel',
  'click', 'pointerdown', 'pointerup'
];

// 捕获阶段绑定事件，优先级最高，不会被业务代码的stopPropagation打断
validUserEvents.forEach(eventName => {
  window.addEventListener(eventName, () => {
    isTouchEventContext = true;
    // 等同步执行栈清空后立刻重置标记，微任务时机刚好，不会误判异步逻辑
    queueMicrotask(() => {
      isTouchEventContext = false;
    });
  }, true);
});

你在第三方库的doSomething方法里直接读取标记即可：

// library code
function doSomething() {
  var isTouch = isTouchEventContext;
  if (isTouch) {
    // 这里执行音频播放、初始化AudioContext的逻辑，不会被iOS拦截
  }
}

注意：这个标记只会在事件触发后的同步调用链路中返回true，setTimeout、Promise.then、await 后续的异步逻辑里读到的都是false，完全符合iOS的权限判定逻辑，不会出现误判。

不推荐的方案：Error 调用栈检测 #

可以通过主动生成Error对象读取调用栈字符串，判断栈内是否存在事件处理相关的标识，但这个方案缺陷非常明显：

• 不同浏览器的Error栈格式不统一，判断规则很难全量覆盖
• 生成Error调用栈有明显性能开销，不适合高频调用的场景
• 代码压缩混淆后栈内的函数名、事件名会被改写，判断逻辑直接失效
  除非有特殊限制无法用全局标记，否则不要选择这个方案。

常见踩坑点 #

• 不要试图依赖判断传入的event对象是否为TouchEvent实例：第三方库函数无法保证所有调用方都会传入event参数，通用性极差
• 不要在异步回调中做音频初始化逻辑：哪怕是在触摸事件里注册的微任务、宏任务，执行时都已经脱离了合法上下文，iOS依然会拦截
• 不要漏掉click事件：iOS对click事件的触发链路同样认可为合法用户交互，不需要只监听touch类事件

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