相关疑难解决方法(0)

如何在调试时或从JavaScript代码中在DOM节点上查找事件侦听器?

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

事件附件使用:

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

javascript events dom

805
推荐指数
18
解决办法
49万
查看次数

如何检查动态连接的事件监听器是否存在?

这是我的问题:是否有可能以某种方式检查动态附加事件监听器的存在?或者我如何检查DOM中"onclick"(?)属性的状态?我已经像StackOverflow一样搜索了互联网,但是没有运气.这是我的HTML:

<a id="link1" onclick="linkclick(event)"> link 1 </a>
<a id="link2"> link 2 </a> <!-- without inline onclick handler -->
Run Code Online (Sandbox Code Playgroud)

然后在javascript中我将动态创建的事件监听器附加到第二个链接:

document.getElementById('link2').addEventListener('click', linkclick, false);
Run Code Online (Sandbox Code Playgroud)

代码运行良好,但我检测连接的侦听器的所有尝试都失败了:

// test for #link2 - dynamically created eventlistener
alert(elem.onclick); // null
alert(elem.hasAttribute('onclick')); // false
alert(elem.click); // function click(){[native code]} // btw, what's this?
Run Code Online (Sandbox Code Playgroud)

jsFiddle就在这里.如果单击"添加onclick for 2"然后单击"[link 2]",则事件会激活,但"测试链接2"始终报告为false.有人可以帮忙吗?

javascript testing addeventlistener dom-events

68
推荐指数
8
解决办法
13万
查看次数

标签 统计

javascript ×2

addeventlistener ×1

dom ×1

dom-events ×1

events ×1

testing ×1