基于jquery的多功能软键盘插件
2012-07-25 00:00
495 查看
支持查询功能的键盘和简单得软键盘,键盘样式完全在独立的css文件中定义,可以自行美化。
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030199/b2a3487918ee6c649d780b328d385af1.png)
(支持从查询的软键盘)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030199/bc35ac8ab281b3d49bd2d59bf3e610b6.png)
(简单的软件盘)
插件的默认参数
插件的使用方法
使用方法
在页面中加入一个文本框使用方法2
<input type="text" class="querytxt" />
为class为querytxt的文本框使用插件
更改相关参数
其中GetData.ashx返回的json数据格式类似如下
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030199/b2a3487918ee6c649d780b328d385af1.png)
(支持从查询的软键盘)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030199/bc35ac8ab281b3d49bd2d59bf3e610b6.png)
(简单的软件盘)
插件的默认参数
jquery.fn.softkeyboard.defaults = { names: { _delbtn: "skbdel", _clearbtn: "skbclear", _querybtn: "skbquery", _closebtn: "skbclose", _letterbtn: "skbbtn", _maindiv: "skbsoftkeyboard", _leftdiv: "skbleft", _rightdiv: "skbright", _keyboarddiv: "skbkeyboard", _operationdiv: "skboperation", _codetxt: "skbcode", _resultsselect: "skbresults", _postparamcode: "sfbcode", _clearbtnviewname: "clear", _delbtnviewname: "delete", _querybtnviewname: "query", _closebtnviewname: "close" }, //插件的相关元素命名 listmultiple: true, //select是否展开 simplekeyboard: true, //是否显示大写字母 onlykeyboard: false, //是否带查询功能 maxlength: null, //可输入的最大长度 requestdataurl: null, //查询数据的post地址 oncompleted: function (data) { }, //完成时出发此时间 onkeydown: function (data) { } //按键时出发此事件 };
插件的使用方法
使用方法
<link href="softkeyboard.css" rel="stylesheet" type="text/css" /> <script src="jquery-1.6.2.js" type="text/javascript"></script> <script src="jquery.softkeyboard.js" type="text/javascript"></script>
在页面中加入一个文本框使用方法2
<input type="text" class="querytxt" />
为class为querytxt的文本框使用插件
<script type="text/javascript"> $(".querytxt").softkeyboard() </script>
更改相关参数
$(".querytxt").softkeyboard({ simplekeyboard: true, listmultiple: true, maxlength: 10, onkeydown: function (d) { alert(d) }, requestdataurl: "GetData.ashx", onlykeyboard: true })
其中GetData.ashx返回的json数据格式类似如下
[{code:"DL",name:"大连"},{code:"DT",name:"大同"},{code:"DL",name:"大理"}]
相关文章推荐
- 基于jquery的多功能软键盘插件
- 共享一款基于 jQuery 的多功能对话框插件 jBox,强不强大,用了才知道
- jquery多功能软键盘插件
- jquery多功能软键盘插件
- jBox 2.3基于jquery的最新多功能对话框插件
- 共享一款基于 jQuery 的多功能对话框插件 jBox,强不强大,用了才知道:)
- 【jBox 2.2 beta版】一款基于 jQuery 的多功能对话框插件
- jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
- jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
- jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
- jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
- 基于jquery封装的一个slider插件
- boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
- 基于jQuery的星级评分插件
- 基于jQuery的窗口插件:jMessageBox
- 基于jQuery的宽屏可左右切换的焦点图插件
- multiSteps 基于Jquery的多步骤滑动切换插件
- 基于特定值来推断隐藏显示元素的jQuery插件
- 基于jQuery的自用滚动插件
- 基于jQuery的动态表格插件