选择值后隐藏键盘

Question

我在一个全触觉网站上工作，我显示了一个在 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'
    }
})

Answer 1

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

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

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

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

选择值后隐藏键盘

Hide the keyboard after having selected a value

keyboard

jquery

autocomplete