查看控制台中 MooTools 元素上定义的事件答案

【问题标题】：see events defined on a MooTools element in console查看控制台中 MooTools 元素上定义的事件
【发布时间】：2023-04-08 09:35:01
【问题描述】：

有没有一种简单的方法可以在控制台中查看为 MooTools 元素定义的事件？

例如，如果我有一个 ID 为“link_with_event”的链接，在该链接上添加了一个点击事件，是否有类似 $('link_with_event').events 的内容，即使我已经定义，我也可以在控制台中输入并看到该点击？

谢谢。

【问题讨论】：

标签： javascript mootools

【解决方案1】：

是的，可以通过retrieve method 进行。在每个 mootools 元素上，事件是 stored 和 'events' 键。要显示与特定元素关联的所有事件，只需检索它们：

var myElement = $('myElement'); //grab elem

myElement.addEvent('click',function(){alert('clicked')}); //add event

console.log(myElement.retrieve('events')); //log added events

演示 => http://jsfiddle.net/steweb/5xxcP/

【讨论】：

【解决方案2】：

在 Firebug 中，使用“HTML”标签：
右侧是一系列子选项卡，包括一个名为“事件”的选项卡。
这显示了已为每个元素注册的事件，以及已继承的所有事件。
在 DOM 选项卡中，您可以看到元素的所有扩展。

所有浏览器的开发者工具都有类似的功能。

【讨论】：