javascript - 不显眼的 Javascript 混淆了事件处理

标签 javascript event-handling unobtrusive-javascript

你知道我最喜欢突兀的 javascript 什么吗?当你触发一个事件时,你总是知道它会做什么。

<a onclick="thisHappens()" />

现在每个人都在喝不引人注意的酷乐助剂,这就不那么明显了。绑定(bind)事件的调用可以发生在页面中包含的任意数量的 javascript 文件的任意行上。如果您是唯一的开发人员,或者如果您的团队有某种绑定(bind)事件处理程序的约定,比如总是使用某种格式的 CSS 类,这可能不是问题。但在现实世界中,这会让人很难理解您的代码。

像 Firebug 这样的 DOM 浏览器似乎可以提供帮助,但浏览一个元素的所有事件处理程序属性只是为了找到一个执行您正在寻找的代码的属性仍然很耗时。即便如此,它通常也只是告诉您这是一个没有行号的匿名 function()。

我找到的用于发现事件触发时执行了哪些 JS 代码的技术是使用 Safari 的分析工具,它可以告诉您在特定时间段内执行了哪些 JS,但有时可能会有很多 JS寻找。

必须有一种更快的方法来了解当我单击某个元素时发生了什么。谁能赐教一下?

最佳答案

查看 Visual Event ...这是一个小书签,您可以使用它来公开页面上的事件。

关于javascript - 不显眼的 Javascript 混淆了事件处理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1527215/

相关文章:

javascript - 如何使用php获取选择框的数组值作为ajax函数中的数组

javascript - 当我动态设置内容时,TinyMCE 无法与 Chrome 一起使用

android - 尽管 "return true",触摸事件仍在层次结构中泄漏

java - 在 JavaFX 中对 MouseEvent 和 KeyEvent 使用相同的 EventHandler?

javascript - 没有js的用户如何正确使用javascript-links

javascript - idTabs 样式缺失?

java - RxJava : Watch custom class

javascript - 动态创建的元素上的事件绑定(bind)?

javascript - Rails 3.1 中页面特定的 javascript 文件

javascript - 从 JQuery 中没有标题的对象访问 JSON 对象