Question

我目前正在使用谷歌新的Maps Locator Library for Maps API（http://storelocator.googlecode.com/git/index.html）整合商店定位器。

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

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

Answer 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中，为按钮添加一个单击事件，其中的函数会触发keydown按下“返回键” - 如下所示：

$("#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);
});

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

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

将“搜索”按钮添加到Google Maps Store Utility Library

1 个答案: