jQuery插件验证与屏幕键盘功能的集成解决方案

jquery插件的插件验证

这已经移到这里&＃xff1a; jQuery屏幕键盘

嗨&＃xff0c;大家好&＃xff0c;我偶然发现了一个非常酷的屏幕键盘插件&＃xff0c;该插件在用户单击输入字段时使用jQuery在屏幕上显示键盘。 它是完全可定制的&＃xff0c;您可以在其中更改键的布局和配色方案。 有点像Windows辅助功能键盘&＃xff0c;可用于增强网站的可用性。

如何使用它。

1. 下载插件
2. 使用demo.js文件作为创建键盘的基础
3. 将设置调整为键盘布局&＃xff08;请参见下面的代码&＃xff09;
4. 自定义CSS代码以适合您的网站

下载页面
现场演示

jQuery代码

$(document).ready(function(){// standard keyboard layout$(&＃39;.qwerty&＃39;).keyboard({ layout: &＃39;qwerty&＃39; });//control for num keys$(&＃39;#num&＃39;).keyboard({
layout: &＃39;num&＃39;,restrictInput : true, // Prevent keys not in the displayed keyboard from being typed inpreventPaste : true, // prevent ctrl-v and right clickautoAccept : true
});});

//code to setup
// Extension demos
$(function() {// Set up typing simulator extension on all keyboards$(&＃39;.ui-keyboard-input&＃39;).addTyping();});

如何从简单的超链接加载键盘

// *** Hidden input example ***
// click on a link - add focus to hidden input
$(&＃39;.hiddenInput&＃39;).click(function(){$(&＃39;#hidden&＃39;).trigger(&＃39;focus&＃39;);return false;
});
// Initialize keyboard script on hidden input
// set "position.of" to the same link as above
$(&＃39;#hidden&＃39;).keyboard({
layout: &＃39;qwerty&＃39;,position : {of : $(&＃39;.hiddenInput&＃39;),my : &＃39;center top&＃39;,at : &＃39;center top&＃39;}
});

翻译自: https://www.sitepoint.com/jquery-screen-keyboard-plugin/

jquery插件的插件验证