基于jquery的多功能软键盘插件_jquery-js教程-PHP中文网

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

php中文网

发布： 2016-05-16 17:51:39

原创

1748人浏览过

支持查询功能的键盘和简单得软键盘，键盘样式完全在独立的css文件中定义，可以自行美化。

（支持从查询的软键盘）

MediPro企业网站管理系统

一款基于PHP+MYSQL开发的企业网站管理软件，具有灵活的栏目内容管理功能和丰富的网站模版，可用于创建各种企业网站。v5.1版本支持了PHP5+MYSQL5环境，前台网站插件开放源码，更利于个性化的网站开发。具有以下功能特点和优越性：[>]模版精美实用具有百款适合企业网站的精美模版，并在不断增加中[>]多语言支持独立语言包，支持GBK,UTF8编码方式，可用于创建各种语言的网站[&g

查看详情

（简单的软件盘）

插件的默认参数

复制代码代码如下:

 
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) { } //按键时出发此事件 
}; 

插件的使用方法
使用方法

复制代码代码如下:

在页面中加入一个文本框使用方法2

为class为querytxt的文本框使用插件

复制代码代码如下:

更改相关参数

复制代码代码如下:

 
$(".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:"大理"}]