虚拟键盘插件的位置

Posted 2023-02-25

【中文标题】虚拟键盘插件的位置

【英文标题】：Position of Virtual Keyboard plugin

【发布时间】：2012-08-10 10:43:08

【问题描述】：

我正在使用此插件 (http://www.jquery4u.com/plugins/jquery-screen-keyboard-plugin/#.UCTg6p1lTkd) 为信息亭创建屏幕键盘。它工作得很好，但是我需要键盘出现在屏幕底部而不是输入/文本区域下方。

在外部 jquery.keyboard.js 文件中，我发现了以下内容：

$.keyboard.defaultOptions = 

        // *** choose layout & positioning ***
        layout       : 'qwerty',
        customLayout : null,

        position     : 
            of : null, // optional - null (attach to input/textarea) or a jQuery object (attach elsewhere)
            my : 'center top',
            at : 'center top',
            at2: 'center bottom' // used when "usePreview" is false (centers the keyboard at the bottom of the input/textarea)
        ,

我应该使用什么来代替“null”？这应该如何添加到代码中？

谢谢

【参考方案1】：

对于of 参数，只需定位文档窗口：$(window)。

这是a demo 和代码：

$('#keyboard').keyboard(

    // Used by jQuery UI position utility
    position: 
        of: $(window), // null = attach to input/textarea; use $(sel) to attach elsewhere
        my: 'center bottom',
        at: 'center bottom',
        at2: 'center bottom' // used when "usePreview" is false
    

);​

由于这是一个信息亭，您可能还想查看this demo，它定位和调整了键盘的大小。此外，键盘中添加了上一个和下一个按钮......嗯，我发誓有一个上一个和下一个按钮。我需要更新那个演示。

注意：我为virtual-keyboard 添加了一个标签，因为我完全错过了这个问题。还请务必查看documentation。