我有一个选择列表：
<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（开发人员工具）> 源> 事件侦听器断点（在右侧）。
您还可以通过简单地右键单击元素然后浏览其属性（右侧面板）来查看已附加的所有事件。
例如：
不确定它是否和萤火虫选项一样强大，但对于我的大部分东西来说已经足够了。
另一个有点不同但令人惊讶的选项是视觉事件： http ://www.sprymedia.co.uk/article/Visual+Event+2
它突出显示页面上已绑定的所有元素，并具有显示被调用函数的弹出框。非常漂亮的书签！如果您更喜欢的话，还有一个 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 开发者版取代。如果您继续安装它，您可以通过打开开发工具（右键单击 > 检查）来记录事件，然后选择调试器，然后在页面底部您应该会看到“事件侦听器断点”，其中未选中名为“日志”。选中该复选框。现在您所要做的就是在“事件侦听器断点”下的列表中选择要记录的事件。从那里您将看到记录到控制台的选定事件。
这是帮助说明的图像：
