如下图所示,手机移动端,有一个输入框,该输入框已绑定typeahead的数据源了,适用手机的默认输入键盘输入字符后可实现自动补全功能了,但是现实想要不用手机默认键盘,直接在界面的加个按钮作为输入,但是这样的话就不是能用typeahead的自动补全功能了,想知道typeahead到底是怎样才能触发的呢?
通过自定义按钮不能匹配:
通过默认键盘可以匹配:
实现代码如下:
// 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());
});
慕慕森
绝地无双
相关分类