启用/禁用多个谷歌虚拟键盘

Enable / Disable Multiple Google Virtual Keyboard

本文关键字：谷歌 虚拟 键盘 启用      更新时间：2023-09-26

如何使用谷歌虚拟键盘来处理多个文本框。我希望在每个文本框上方选中一个复选框，以启用虚拟键盘。

我有两个文本框和复选框，分别命名为textbox1、checkbox1、textbox2和checkbox2。我使用的是这个代码：

var kdp1;
var kdp2;
// This function for checkbox1 for enabling keyboard on textbox1
function checkbox1(chk)
{
    if (chk.checked)
    {
        kdp1 = new google.elements.keyboard.Keyboard(
            [google.elements.keyboard.LayoutCode.MALAYALAM_PHONETIC],
            ['textbox1']);
    }
    else
    {
        kdp1.setVisible(false);
    }
}
// This function for checkbox2 for enabling keyboard on textbox2
function checkbox2(chk)
{
    if (chk.checked)
    {
        kdp2 = new google.elements.keyboard.Keyboard(
            [google.elements.keyboard.LayoutCode.MALAYALAM_PHONETIC],
            ['textbox2']);
    }
    else
    {
        kdp2.setVisible(false);
    }
}

选中复选框时，将在每个文本框上启用虚拟键盘。但问题是，当我取消选中一个文本框的复选框时，它也会隐藏每个虚拟键盘。

我只想隐藏一个虚拟键盘。

我该如何解决这个问题？

您可以简单地隐藏带有id属性更改的键盘

div#kbd.outerbox {
  visibility: hidden !important;
}
相关文章：