选择值后隐藏键盘答案

【问题标题】：Hide the keyboard after having selected a value选择值后隐藏键盘
【发布时间】：2015-12-20 10:55:35
【问题描述】：

我正在开发一个全触感的网站，我展示了一个使用 jQuery 开发的具有自动完成功能的虚拟键盘。选择名称后，我需要隐藏键盘。我尝试了blur 函数，但它不起作用。

你可以在下面看到我的代码：

$('#Nom')
.keyboard({ layout: 'qwerty' })

.autocomplete({
    source: liste, closeOnSelect:true, select: function (event, ui) {
        $("#NomVal").val(ui.item.id);     
        $('body > form > div > div.metro.single-size.login > button').html("Login <i class='icon-long-arrow-right'></i>");      
        $('body > form > div > div.metro.single-size.login > button').trigger('click');
        $('#Nom').blur();
    } 
})
// position options added after v1.23.4
.addAutocomplete({
    position : {
        of : null,        // when null, element will default to kb.$keyboard
        my : 'right top', // 'center top', (position under keyboard)
        at : 'left top',  // 'center bottom',
        collision: 'flip'
    }
})

【问题讨论】：

标签： jquery autocomplete keyboard

【解决方案1】：

我假设您正在使用来自 http://mottie.github.io/Keyboard/ 的 jQuery 虚拟键盘插件。

在 select 回调中，获取键盘实例并关闭它：

 function (event, selectedItem) {
    $(event.currentTarget).getkeyboard().close(true);
 }

示例：http://jsfiddle.net/egb3a1sk/787/

【讨论】：