在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

通過默認(rèn)鍵盤可以匹配:
圖片描述

實(shí)現(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
編輯回答
礙你眼

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

2017年4月19日 10:51