我正在尝试创建一个自定义的选择下拉菜单，当用户在输入框中输入文本时会给出建议。
这是我尝试从中提取 JavaScript 代码的网站:http://www.redbus.in/
这是正在运行的选择下拉菜单:
我尝试通过开发工具访问对应输入框的事件监听器，但无法获取相关脚本。
这种情况下如何获取对应的脚本呢？是否有任何技巧/特定方法可以让脚本与特定 HTML 元素交互？
PS:我是网络开发的初学者。
最佳答案
在 Chrome 中，右键单击 redbus.in 页面中的元素并选择“检查元素”，这将打开选定该元素的开发工具。
现在，在“源”选项卡下，转到开发工具右上角的第三个“事件监听器”。选择过滤器图标并选择“仅选定的节点”(参见屏幕截图):
现在查看“keyup”部分并单击脚本。然后使用“{}”来美化代码。
如果缩小后的代码太多而难以破解。那么我建议使用 twitter typeahead jQuery 插件。
您可以将此插件应用到您网站上的任何输入 type="text"，如下所示:
$('#the-basics .typeahead').typeahead({
hint: true,
highlight: true,
minLength: 1
},
{
name: 'states',
displayKey: 'value',
source: substringMatcher(states)
});
我创建了一个 plunk here 。该代码非常容易实现。
我希望这有帮助:)
关于javascript - 如何让脚本与网页中的特定 HTML 元素进行交互？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29185681/