javascript - 如何在输入字段顶部移动虚拟键盘？

Question

我使用了 jquery 虚拟键盘，我想在文本字段的顶部显示键盘。我试过设置直通位置。

JQuery

$('#test').keyboard({ layout: 'qwerty', usePreview: false,position: {
        // null = attach to input/textarea;
        // use $(sel) to attach elsewhere
        of: null,
        my: 'left top',
        at: 'left top',
        // used when "usePreview" is false
        at2: 'left top'
} });

HTML

<p style="height:200px" >
content
</p>
<input type="text" class="form-control" id="test" placeholder="test" autocomplete="off">

这是演示网址 http://jsfiddle.net/bhumi/rzrjw15h/1/ .

我也试过像这样设置位置

position : {
            of : '#searchterms',        // when null, element will default to kb.$keyboard
            my : 'top', // 'center top', (position under keyboard)
            at : 'top-200',  // 'center bottom',

        }

Answer 1

参见 jsfiddle

$('#test').keyboard({ layout: 'qwerty', usePreview: false,
  position: {
    my: 'center bottom',
    at: 'center bottom',
    // used when "usePreview" is false
    at2: 'center top'
  }
});