Javasciprt Visual Event

最新推荐文章于 2024-03-15 09:30:55 发布

转载最新推荐文章于 2024-03-15 09:30:55 发布 · 734 阅读

文章标签：

#events #javascript #debugging #interface #function #go

javascript 同时被 2 个专栏收录

17 篇文章

订阅专栏

web

15 篇文章

订阅专栏

本文介绍了一个名为Visual Event的JavaScript书签栏，它可以帮助开发者在网页上可视化显示具有事件订阅的元素及其事件类型和触发时执行的功能。这主要旨在辅助调试，同时也非常有趣且有助于了解其他页面上的事件订阅情况。

http://www.sprymedia.co.uk/article/Visual+Event

Introduction

When working with events in Javascript, it is often easy to loose track of what events are subscribed where. This is particularly true if you are using a large number of events, which is typical in a modern interface employing progressive enhancement. Javascript libraries also add another degree of complexity to listeners from a technical point of view, while from a developers point of view they of course can make life much easier! But when things go wrong it can be difficult to trace down why this might be.

It is due to this I've put together a Javascript bookmarklet called Visual Event which visually shows the elements on a page that have events subscribed to them, what those events are and the function that the event would run when triggered. This is primarily intended to assist debugging, but it can also be very interesting and informative to see the subscribed events on other pages.