javascript - Chrome 开发人员工具 - 在 Javascript 中查找匹配的 Name 或 Id 属性？

Question

当我在 Chrome 浏览器中突出显示输入，然后从右键单击菜单中单击“检查元素”时，Chrome 开发人员工具将弹出。

假设在 Chrome 开发者工具中，这将出现:

<input type="radio" name="lineType_phone" id="lineType_new" value="new">

当我点击输入时，隐藏的div就会出现。我想看看它是如何用 JavaScript 编码的。

有没有办法在任何 JavaScript 文件中搜索 name="lineType_phone" 或 id="lineType_new" 或调试此属性/输入的点击事件？

Answer 1

查找文件可能无法解决您的问题。由于有时文件被缩小或事件使用大量变量，这意味着搜索 name="lineType_phone" 可能没有帮助。

如何搜索绑定(bind)到元素的事件？

下面的代码将显示绑定(bind)到元素本身的事件

$._data( $("#myElement")[0], "events" ); //don't forget to get the first elem of array

但是，有些事件是通过委托(delegate)添加的。这意味着事件可能绑定(bind)到父 DOM 元素。如果是这种情况，请尝试像这样在父级上查找事件:

$._data( $("#myElement").parent()[0], "events" );