键盘不隐藏在表单输入模糊

时间:2016-02-09 19:10:55

标签: jquery css twitter-bootstrap jquery-ui virtual-keyboard

我使用的是jQuery keyboard plug-in,当您专注于输入/ textarea字段时会加载,并在删除该焦点时隐藏。在基本的html表单页面上宣传的工作。

当我在同一页面上的模态窗口上使用此键盘时出现问题。当我专注于任何模态输入字段时,键盘将加载,但在删除焦点时不会隐藏。它一直存在,直到我重新加载页面。

我在jquery.keyboard.form.js第89行隔离了这个问题,其中模糊事件的绑定并不适用于模态(尽管它用于焦点)。至少,这是我猜测它失败的地方。

$('[type="text"],textarea').bind('blur.keyboard', function(e) {
    unsetFocus($(e.target));
});

此脚本用于使键盘在模态停留时保持活动状态。

//Keep the keyboard above modal
$(function(){
    $('body').keyboard({keyboard: 'qwerty', plugin: 'form'});
    $('.keyboard').css('z-index', '20000');
});

您可以在http://testing.expologic.com/test-keyboard/index.html

上自行测试

0 个答案:

没有答案