將搜索按鈕添加到Google Maps商店實用程序庫

我目前正在使用Google Maps API的新商店定位器庫（http://storelocator.googlecode.com/git/index.html）將商店定位器放在一起。將搜索按鈕添加到Google Maps商店實用程序庫

我想在搜索輸入字段旁邊添加一個「搜索」按鈕，以便人們可以選擇返回或點擊按鈕開始搜索。

我試過編輯store-locator.compiled.js文件，但不斷打破代碼？

2012-06-07 user1441095

什麼是你需要幫助的規劃問題，解決整個列表？ –

Hey Sean，在本例[link]（http://storelocator.googlecode.com/git/examples/panel.html）中，輸入字段旁邊沒有「搜索」按鈕。想添加一個，但不知道如何去做。 JavaScript的輸出html被編譯，這使得我很難與 - [JavaScript鏈接]（http://storelocator.googlecode.com/git/js/store-locator.compiled.js） – user1441095

我試着使用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

來源

2012-06-09 01:56:34

感謝您的回覆Suvi，（我花了一段時間才真正看到他們回覆！）我試過了代碼，但不幸的是它似乎沒有工作......按鈕沒有響應 – user1441095

將搜索按鈕添加到Google Maps商店實用程序庫

回答

相關問題