Chrome开发者工具-在Javascript中找到匹配的名称或Id属性？

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

假设在Chrome开发者工具中，会出现以下情况：

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

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

---

是否有方法在任何JavaScript文件中搜索

name=“lineType\u phone”

或

id=“lineType\u new”

，或调试此属性/输入的单击事件？

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

name=“lineType\u phone”

可能没有帮助

搜索绑定到元素的事件怎么样

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

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

但是，有些事件是通过委派添加的。这意味着事件可能绑定到父DOM元素。如果是这种情况，请尝试在父级上查找以下事件：

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

---

首先，您需要确保它使用javascript

一些css3属性可以实现：hover{display:block}效果

其次，在“源”选项卡中，单击右上角的“抽屉”按钮（三个右上角按钮中最左边的一个）。 然后在下面的部分中有一个搜索选项卡，我相信您可以对所有javascript脚本进行“全文”搜索。

---

在“源”选项卡中查看Javascript文件时，可以使用Ctl-f搜索字符串。不过，我不认为有办法一次搜索所有脚本文件。您必须分别执行每项操作。

“隐藏的div”只是一个示例。我想调试一下当我点击输入时会发生什么，看看JavaScription中的代码是什么样的。在Syles和Computed选项卡旁边有一个名为“事件侦听器”的选项卡，可以让您看到哪些文件/代码绑定到某些事件。