ng-virtual-keyboard 不适用于离子模式答案

【问题标题】：ng-virtual-keyboard not working with ionic modalng-virtual-keyboard 不适用于离子模式
【发布时间】：2016-09-04 08:13:56
【问题描述】：

我正在尝试在离子模式输入中实现虚拟键盘。为此，我正在使用这个库，它基于基于 jQuery 的 Mottie 键盘，ng-virtual-keyboard。我已经在我的代码中实现了这一点，但是当我将它与离子模式输入一起使用时，键盘是可见的，但无法点击。即，当我点击虚拟键盘时，它下方的区域会被点击。

我已经包含了所有指定的脚本，这是我的代码

<script src="js/jquery.js"></script>
<script src="lib/jquery-ui/jquery-ui.min.js"></script>
<script src="lib/keyboard/dist/js/jquery.keyboard.min.js"></script>
<script src="lib/keyboard/dist/js/jquery.keyboard.extension-typing.min.js"></script>
<script src="lib/ng-virtual-keyboard/dist/ng-virtual-keyboard.min.js"></script>

当模态显示时，我正在这样做

$scope.$on('modal.hidden', function() {
    // Execute action
    $('.modal input').each(function() {
        $(this).data('keyboard').destroy();
    });
});

$scope.$on('modal.shown', function(event) {
    // Execute action
    var asdf = $('.modal input').keyboard();
    $('.modal input').keyboard({
      layout: 'qwerty',
      usePreview: false
    })
    // activate the typing extension
    .addTyping({
      showTyping: true,
      delay: 50
    });
});

我已经尽我所能来解决这个问题，有人可以提出一些解决方法吗？

【问题讨论】：

标签： jquery angularjs ionic-framework keyboard

【解决方案1】：

我已经通过将 css 属性 pointer-events: auto; 添加到弹出窗口来解决它。

这就是新代码的样子

在 HTML 中，

<input type="search" ng-model="searchText" ng-virtual-keyboard="kb_config">

在控制器中，

$scope.kb_config={
    layout: 'qwerty',
    usePreview: false,
    autoAccept: true,
    autoUpdateModel: true,
    css:{popup:'aiv-keyboard'}
}

在css中，

.aiv-keyboard{
    pointer-events: auto;
}

【讨论】：