鍍金池/ 問答/HTML5  iOS  Android  HTML/ typeahead如何通過按鈕輸入觸發(fā),而不使用默認鍵盤輸入觸發(fā)

typeahead如何通過按鈕輸入觸發(fā),而不使用默認鍵盤輸入觸發(fā)

如下圖所示,手機移動端,有一個輸入框,該輸入框已綁定typeahead的數(shù)據(jù)源了,適用手機的默認輸入鍵盤輸入字符后可實現(xiàn)自動補全功能了,但是現(xiàn)實想要不用手機默認鍵盤,直接在界面的加個按鈕作為輸入,但是這樣的話就不是能用typeahead的自動補全功能了,想知道typeahead到底是怎樣才能觸發(fā)的呢?
通過自定義按鈕不能匹配:
圖片描述

通過默認鍵盤可以匹配:
圖片描述

實現(xiàn)代碼如下:

// html
<div class="form-group" style="margin-left: -16px;">
                    <label for="englishTxt" class="col-sm-2 control-label">English:</label>
                    <div class="col-sm-6">
                        <input type="text" class="col-sm-12" id="englishTxt" data-provide="typeahead" style="width: 72%;" >
                        <div style="float: right;">
                            <input type="button" id="translate" class="btn btn-success col-sm-2" style="margin-top: -5px" value="翻譯">
                        </div>
                    </div>
                </div>
                
// js
$('#englishTxt').typeahead({source: EngDatabase});
$("#a").click(function() {
                  $("#englishTxt").val($("#englishTxt").val() + $("#a").text());
                });
                
                
                
回答
編輯回答
任她鬧

嘗試模擬觸發(fā)inputkeyup/keypress這類事件

2018年5月12日 23:21
編輯回答
礙你眼

都不是兩個事件啊。
一個是直接賦值(按鈕),也就是說,這個值這一刻已經是input的最終值,如果有提交動作就能看見(是在提交之前就已經確認value)
一個是暫時顯示效果,此時也可以提交,但是其實是提交的那一刻確定了input的值

2017年4月19日 10:51