屏幕键盘插件上的jQuery

>此jQuery屏幕键盘插件提供了可自定义的虚拟键盘，可增强网站的可用性。 它类似于Windows的可访问性键盘，单击输入字段时出现。

实现：

>
1. >下载：>获取插件文件。>
2. 基本代码：使用提供的作为起点。demo.js>
3. 布局和设置：>修改键盘布局和设置（请参见下面的代码示例）。>
4. > CSS样式：自定义CSS以匹配您的网站的设计。

>

>下载＆演示链接：>下载页面， live demo

jQuery代码示例：>

基本QWERTY键盘：

$(document).ready(function(){
  $('.qwerty').keyboard({ layout: 'qwerty' });
});

>具有限制的数字键盘：

$(document).ready(function(){
  $('#num').keyboard({
    layout: 'num',
    restrictInput: true,
    preventPaste: true,
    autoAccept: true
  });
});

>键入模拟器扩展名：>>

由超链接触发的 键盘：

$(function() {
  $('.ui-keyboard-input').addTyping();
});

>

此示例显示了在单击超链接时如何显示键盘，将隐藏的输入字段聚焦：

记住用实际下载和演示URL替换占位符链接。 此修订的描述提供了对插件功能和用法的更清晰，更简洁的解释。

>

以上是屏幕键盘插件上的jQuery的详细内容。更多信息请关注PHP中文网其他相关文章！