相关疑难解决方法(0)

我有一个页面,其中一些事件监听器附加到输入框和选择框.有没有办法找出哪些事件监听器正在观察特定的DOM节点以及哪些事件？

事件附件使用:

1. 原型的 Event.observe ;
2. DOM的addEventListener;
3. 作为元素属性element.onclick.

我在库的页面上有一个可自定义的表单元素.我希望看到当我与它交互时会触发哪些javascript事件,因为我试图找出要使用的事件处理程序.

如何使用Chrome Web Developer完成此操作？

假设我的页面上有一个链接:

<a href="#" id="foo">Click Here</a>

我什么都不知道,但当我点击链接时,会显示一个警告("栏").所以我知道在某个地方,一些代码被绑定到#foo.

如何找到将警报("栏")绑定到click事件的代码？我正在寻找Chrome的解决方案.

Ps.:这个例子是虚构的,所以我不是在寻找像这样的解决方案:"使用XXXXXX并在整个项目中搜索"alert(\"bar \")".我想要一个真正的调试/跟踪解决方案.

我有一个选择列表:

<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"

但我需要知道要开火的事件.

有没有办法找出为元素定义了哪些事件？

我在jquery中设置了一个link元素并调用了它的click事件,但click事件调用了两次,请参阅下面的jquery代码.

$("#link_button")
.button()
.click(function () {
   $("#attachmentForm").slideToggle("fast");
});

请指教.

谢谢.

我已经看过这些问题:

• 如何在调试时或从JavaScript代码中在DOM节点上查找事件侦听器？
• 我可以在html元素上以编程方式检查和修改Javascript事件处理程序吗？
• 如何使用Firebug(或类似工具)调试JavaScript/jQuery事件绑定

但是,他们都没有回答如何使用连接到节点的事件侦听器列表addEventListener,而无需addEventListener在创建事件侦听器之前修改原型.

VisualEvent不会显示所有事件侦听器(特定于iPhone的事件),我想以编程方式(稍微)执行此操作.

我怎样才能绑定所有的事件(即click,keypress,mousedown一个DOM元素),使用jQuery,没有单独列出每一个出来？

例:

$('#some-el').bind('all events', function(e) {
    console.log(e.type);
});

如何跟踪网页的所有javascript事件？

是否有可能跟踪所有事件,即使没有附加处理程序？

有没有任何工具,可以做到这一点？

澄清:

例如:

对于文本输入,我可以为onblur和onchange添加事件处理程序.

如果我(在浏览器中)更改文本字段的值并保留它,则执行两个事件处理程序.现在我想知道我"错过了"哪些其他事件(如果附加了事件处理程序,那些将被执行的事件).

Clarification2:

我可以获得所有可能事件的列表(在给定元素上)我可以附加事件处理程序吗？

有没有办法在Firebug中美化javascript和css？我希望能够查看格式化的js而不是压缩版本:).

我正在一个有大量遗留javascript和jquery包含的网站上工作,没有文档可以显示发生了什么.

我有一个特定的问题要修复,我找不到单击按钮时正在执行的相关代码.为了避免拖网浏览(并理解)数百行遗留脚本,是否有一个功能,可能在Firebug中,可以识别单击按钮时正在执行的脚本？

谢谢你的帮助.