使用PhantomJS触发键盘输入事件报错，求原因及正确实现方案

错误原因 #

你遇到的TypeError核心问题在于：document.createEventObject是IE浏览器专属的老旧API，仅在IE8及更早版本中有效。而PhantomJS基于WebKit内核，遵循W3C标准，完全不支持这个非标准方法——说白了就是这个函数在PhantomJS的运行环境里根本不存在，自然会提示“undefined is not a constructor”。

正确实现方法 #

要在PhantomJS中给输入框自动填值并触发输入/键盘事件，得用W3C标准的事件API，分两步走更稳妥：先设置输入值并触发input事件让页面感知内容变化，再按需模拟键盘按键事件。

1. 设置输入值并触发input事件 #

很多页面的表单逻辑会监听input事件来响应内容变化，仅仅直接修改value并不会触发这个事件，所以必须手动补上这一步：

var locationEl = document.getElementById('你的输入框ID');
// 设置输入框内容
locationEl.value = "Something automatically typed";
// 创建并触发input事件，让页面感知内容更新
var inputEvent = new Event('input');
locationEl.dispatchEvent(inputEvent);

2. 触发键盘事件（以空格按键为例） #

如果需要模拟键盘按键（比如你要触发的空格keyCode=32），可以用两种标准方式实现，适配不同版本的PhantomJS：

方法一：现代标准写法（推荐）

// 构造keypress事件（也可换成keydown/keyup，根据页面实际监听的事件类型调整）
var keyEvent = new KeyboardEvent('keypress', {
  key: ' ',          // 对应按键的字符
  keyCode: 32,       // 按键编码
  bubbles: true,     // 允许事件冒泡
  cancelable: true,  // 事件可被取消
  view: window
});
// 给输入框触发这个键盘事件
locationEl.dispatchEvent(keyEvent);

方法二：兼容旧版PhantomJS的写法

如果你的PhantomJS版本偏老，对KeyboardEvent构造函数支持不佳，可以用createEvent搭配initKeyboardEvent的方式：

var keyEvent = document.createEvent('KeyboardEvent');
// 按WebKit要求的参数顺序初始化键盘事件
keyEvent.initKeyboardEvent(
  'keypress',    // 事件类型
  true,          // 是否冒泡
  true,          // 是否可取消
  window,        // 视图对象
  ' ',           // 按键对应的字符
  0,             // 按键位置
  false,         // Ctrl键是否按下
  false,         // Alt键是否按下
  false,         // Shift键是否按下
  false,         // Meta键是否按下
  32             // keyCode值
);
locationEl.dispatchEvent(keyEvent);

额外提示 #

• 有些页面的逻辑可能监听keydown或keyup而非keypress，遇到事件不生效时可以切换事件类型试试；
• 旧版页面的事件监听可能会读取which属性，遇到这种情况可以在事件对象里额外设置which: 32。

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