iOS端dispatchEvent失效，请问有可用的替代实现方案吗？

iOS Safari出于安全策略限制，对合成的用户输入类事件（如键盘、触摸事件）做了严格的权限校验，标准dispatchEvent触发自定义键盘事件的写法在iOS系统中会被拦截，属于系统特性导致的兼容问题，对应可行的实现方案如下：

方案1：直接调用事件处理逻辑（优先推荐） #

如果keyup事件的监听逻辑是自有代码可访问的，不需要模拟事件触发，直接抽离对应业务逻辑调用即可。比如你要触发enter键对应的搜索提交逻辑，直接调用搜索方法，是兼容性最高、性能最好的实现方式。

方案2：兼容iOS的合成事件触发实现 #

如果必须模拟事件触发（比如监听逻辑由第三方库实现，无法直接调用内部方法），可以使用适配iOS的兼容写法，需要注意必须先手动聚焦目标输入框，未聚焦的元素在iOS下无法响应合成输入事件：

const ENTER_KEY_CODE = 13;
const inputEl = document.querySelector('.free-text-search input');
// 先手动触发聚焦
inputEl.focus();

let keyupEvent;
try {
  // 优先使用标准构造方式，高版本iOS可支持
  keyupEvent = new KeyboardEvent('keyup', {
    view: window,
    which: ENTER_KEY_CODE,
    keyCode: ENTER_KEY_CODE,
    key: 'Enter',
    code: 'Enter',
    bubbles: true,
    cancelable: true,
  });
  // 强制注入target属性，解决iOS下事件target异常的问题
  Object.defineProperty(keyupEvent, 'target', {value: inputEl, enumerable: true});
} catch (e) {
  // 降级使用已废弃但兼容全版本iOS的旧API构造事件
  keyupEvent = document.createEvent('KeyboardEvent');
  keyupEvent.initKeyboardEvent(
    'keyup',
    true,
    true,
    window,
    'Enter',
    0,
    '',
    false,
    ''
  );
  // 手动注入keyCode、which属性
  Object.defineProperty(keyupEvent, 'keyCode', {get: () => ENTER_KEY_CODE});
  Object.defineProperty(keyupEvent, 'which', {get: () => ENTER_KEY_CODE});
}

// 派发事件
inputEl.dispatchEvent(keyupEvent);

注意事项 #

• iOS下非用户主动交互触发的焦点会被系统拦截，上述代码如果要在异步回调（如接口请求返回后）中执行，需要确保外层触发源是用户主动操作（如按钮点击、触摸事件）的同步流程。
• 如果上述方案仍不满足需求，可以使用已做好全平台兼容的第三方事件模拟库，内部已经处理了iOS的兼容逻辑。

内容的提问来源于stack exchange，提问作者Suman M R