在chrome dev工具中查找绑定到特定事件侦听器的HTML元素

时间:2016-09-20 05:31:07

标签: javascript google-chrome-devtools

我有一个网页,其中的元素很少,我发现使用Chrome开发者工具,元素绑定到onmousedown事件监听器

供参考,这是指向网页的链接:http://zzzscore.com/1to50/en/

在该页面中有25个块,编号从1到25.块的HTML代码就像这样

<div style="opacity: 1;">
    <span class="box" style="z-index:99"></span>
    1
</div>

<div style="opacity: 1;">
    <span class="box" style="z-index:90"></span>
    2
</div>

等等。在这里,我看不到任何明确调用的onmousedown事件,但是在点击它们时数字会变为其他数字(某些函数应该这样做)。此外,如果我从chrome dev工具中删除事件监听器,则单击时不会发生任何更改(因此,不知何故,事件已向元素注册)。

基本上,我正在编写一个Javascript函数来点击这些数字,但它不起作用(虽然它适用于点击其他一些按钮)。我的代码是这样的

var element = document.getElementsByTagName("div")[12];  // First block from the total 25 blocks
element.click();

那么,我怎样才能找到哪个元素,我需要执行mouseDown / click任务,以便它像常规鼠标一样工作?

0 个答案:

没有答案
相关问题