我有一个选择列表：
<select id="filter">
<option value="Open" selected="selected">Open</option>
<option value="Closed">Closed</option>
</select>
当我选择Closed页面重新加载。在这种情况下，它显示已关闭的票证（而不是已打开的票证）。当我手动执行时，它工作正常。
问题是，当我选择的页面不会重新加载Closed具有的Watir：
browser.select_list(:id => "filter").select "Closed"
这通常意味着不会触发某些 JavaScript 事件。我可以用 Watir 触发事件：
browser.select_list(:id => "filter").fire_event "onclick"
但我需要知道要触发哪个事件。
有没有办法找出为元素定义了哪些事件？
只是想我补充一点，您也可以在 Chrome 中执行此操作：
Ctrl+ Shift+ I（开发人员工具）> 来源> 事件侦听器断点（在右侧）。
您还可以通过简单地右键单击元素然后浏览其属性（右侧的面板）来查看已附加的所有事件。
例如：
不确定它是否与 firebug 选项一样强大，但对于我的大部分内容来说已经足够了。
另一个有点不同但令人惊讶的选项是 Visual Event：http : //www.sprymedia.co.uk/article/Visual+Event+2
它突出显示页面上已绑定的所有元素，并具有显示调用函数的弹出窗口。相当漂亮的书签！如果您更喜欢 Chrome 插件，那么还有一个 Chrome 插件 - 不确定其他浏览器。
看起来Firebug（Firefox 附加组件）有答案：
Log EventsClosed（手动）控制台选项卡中会有类似的内容：
...
mousemove clientX=1097, clientY=292
popupshowing
mousedown clientX=1097, clientY=292
focus
mouseup clientX=1097, clientY=292
click clientX=1097, clientY=292
mousemove clientX=1096, clientY=293
...
关于 Chrome，通过命令行 API 检查 monitorEvents()。
通过菜单 > 工具 > JavaScript 控制台打开控制台。
进入 monitorEvents(window);
查看充斥着事件的控制台
...
mousemove MouseEvent {dataTransfer: ...}
mouseout MouseEvent {dataTransfer: ...}
mouseover MouseEvent {dataTransfer: ...}
change Event {clipboardData: ...}
...
文档中还有其他示例。我猜这个功能是在上一个答案之后添加的。
您可以在Google Chrome 开发者控制台中使用getEventListeners。
getEventListeners(object) 返回在指定对象上注册的事件侦听器。
getEventListeners(document.querySelector('option[value=Closed]'));
@Himaas - Firebug 已被 Firefox Developer Edition 取代。如果您继续安装它，您可以通过打开开发工具（右键单击 > 检查）来记录事件，然后选择调试器，然后在页面底部，您应该看到“事件侦听器断点”和一个未选中的复选框，称为“日志”。选中那个复选框。现在您要做的就是在“事件侦听器断点”下显示的列表中选择要记录的事件。从那里您将看到记录到控制台的选定事件。
这是帮助说明的图像：
