将“搜索”按钮添加到 Google Maps Store 实用程序库答案

【问题标题】：Adding 'Search' Button to Google Maps Store Utility Library将“搜索”按钮添加到 Google Maps Store 实用程序库
【发布时间】：2012-06-09 09:56:34
【问题描述】：

我目前正在使用 Google 新的用于 Maps API 的商店定位器库 (http://storelocator.googlecode.com/git/index.html) 组装一个商店定位器。

我想在搜索输入字段旁边添加一个“搜索”按钮，以便人们可以选择点击返回或点击按钮开始搜索。

我已尝试编辑 store-locator.compiled.js 文件，但不断破坏代码？

【问题讨论】：

您需要帮助解决什么编程问题？
嘿 Sean，在这个例子中 link 输入字段旁边没有“搜索”按钮。想加一个，但不知道怎么做。输出 html 的 javascript 被编译，这让我很难使用 - javascript link

标签： google-maps google-maps-api-3

【解决方案1】：

我尝试使用 Chrome 的开发工具来检查您的代码，但似乎它已被缩小，所以我没有费心解决问题。相反，我会建议一种解决方法，这可能会解决您的问题。

考虑使用 jquery 的触发事件来触发“keydown”（参见Definitive way to trigger keypress events with jQuery 中的最佳答案）。现在我稍微调整了代码以执行您想要的操作。

在 HTML 标记中，您将拥有输入字段以及按钮：

<input type="text" name="blah" />
<button id="clickme" type="button">Click Me</button>

在 Javscript 中，为按钮添加一个单击事件，该事件具有触发“返回键”的按键按下的功能 - 如下所示：

$("#clickme").click(function(){
    var e = jQuery.Event("keydown");
    e.which = 13; // # Some key code value
    $("input").focus(); //to ensure that the input field is in focus
    $("input").trigger(e);
});

应该这样做，按钮应该复制输入字段上返回键的按键按下 - 因此您不必担心修改代码中的任何当前功能。

顺便说一句，使用此链接获取“返回键”的字符代码 - 它有一个完整的其他字符代码列表http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes

【讨论】：

感谢 Suvi 的回复，（我花了一段时间才真正看到他们回复！）我已经尝试了代码，但不幸的是它似乎不起作用...按钮没有响应