基于jquery的多功能软键盘插件

时间：2016.04.19 发布人：yiyibushe82
基于jquery的多功能软键盘插件

已解决问题

谷歌yiyibushe82用户在2016.04.19提交了关于“司马南基于jquery的多功能软键盘插件”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-27T20:35:11。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，感谢你,我会记得你对我的好的 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：benedictau1993  

支持查询功能的键盘和简单得软键盘，键盘样式完全在独立的css文件中定义五结湖便际作宣命术，可以自行美化。

（支持从查询的软键盘）

（简单的软件盘）

宪食龙反基雷阻鱼手插件的默认参数
复制代码代码如下:
jquery.fn.softkeyboard.defaults={
names:{
_delbtn:"skbdel",
_clearbtn:"skbclear",
_query苦btn:"skbquery",
_closebtn:"skbclose",
_l树宁架句粮物使etterbtn:"怎引干氢skbbtn",
_maindiv:"skbsoftkeyboard",
_leftdiv:"skbl来自eft",
_ri问答ghtdiv:"skbright",
门_keyboarddiv:"skbkeyboard",
_operationdiv:"skboperation",
_codetxt:"skbcod练湖巴e",
_resul雷钢异的货tsselect出计终呀:"skbresults",
_postparamcode:"sfbcode",
_cle动读吃菜省价通诗arbtnviewname:"clear",
_delbtnviewname:"delete",
_querybtnviewname:"query",
_closebtnviewname:"close"
},//插件的相关元素命名
listmultiple:true,//select是否展开
simplekeyboard:true,//是否显示大写字母
onlykeyboard:false,//是否带查询功能
maxleng界板们由身th:**ll,走聚们呢府挥音早免诉//可输入的最大长度
requestdatau线使简精云批直置听聚rl:**ll,//查询**的post地址
oncomp医希世额灯检怀leted:func万华施参转常抗tion(data){},//完成时出发此时间
onkeydown:function(data){}//按键时出发此事件
};

插件的使用方法
使用方法
复制代码代码谓止群视蛋既操此整密如下:
<linkhref="softkeyboard.css"rel="stylesheet"type="text/css"/>
<scriptsrc="jquery-1.6.2.js"type="text/j**ascript"></script>
<scriptsrc="jquery.softkeyboard.js"type="text/j**ascript"></script>

在页面中加入一个文本框使用方法2
<inputtype="text"class="querytxt"/>
为class为querytxt的文本框使用插件
复制代码代码如下:
<scripttype="text/j**ascript">
$(".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:"大理"}]