为了账号安全,请及时绑定邮箱和手机立即绑定

typeahead如何通过按钮输入触发,而不使用默认键盘输入触发

typeahead如何通过按钮输入触发,而不使用默认键盘输入触发

青春有我 2019-03-20 18:15:26
如下图所示,手机移动端,有一个输入框,该输入框已绑定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());                });                                                
查看完整描述

2 回答

?
慕慕森

TA贡献1856条经验 获得超17个赞

都不是两个事件啊。
一个是直接赋值(按钮),也就是说,这个值这一刻已经是input的最终值,如果有提交动作就能看见(是在提交之前就已经确认value)
一个是暂时显示效果,此时也可以提交,但是其实是提交的那一刻确定了input的值

查看完整回答
反对 回复 2019-03-30
?
绝地无双

TA贡献1946条经验 获得超4个赞

尝试模拟触发inputkeyup/keypress这类事件


查看完整回答
反对 回复 2019-03-30
  • 2 回答
  • 0 关注
  • 633 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信