基于jquery的多功能軟鍵盤插件
更新時間：2012年07月25日 22:32:30 作者：
支持查詢功能的鍵盤和簡單得軟鍵盤，鍵盤樣式完全在獨立的css文件中定義，可以自行美化
支持查詢功能的鍵盤和簡單得軟鍵盤，鍵盤樣式完全在獨立的css文件中定義，可以自行美化。
插件的默認(rèn)參數(shù)
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"
}, //插件的相關(guān)元素命名
listmultiple: true, //select是否展開
simplekeyboard: true, //是否顯示大寫字母
onlykeyboard: false, //是否帶查詢功能
maxlength: null, //可輸入的最大長度
requestdataurl: null, //查詢數(shù)據(jù)的post地址
oncompleted: function (data) { }, //完成時出發(fā)此時間
onkeydown: function (data) { } //按鍵時出發(fā)此事件
};
插件的使用方法
使用方法
<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>
更改相關(guān)參數(shù)
$(".querytxt").softkeyboard({
simplekeyboard: true,
listmultiple: true,
maxlength: 10,
onkeydown: function (d) { alert(d) },
requestdataurl: "GetData.ashx",
onlykeyboard: true
})
其中GetData.ashx返回的json數(shù)據(jù)格式類似如下
[{code:"DL",name:"大連"},{code:"DT",name:"大同"},{code:"DL",name:"大理"}]
插件的默認(rèn)參數(shù)
復(fù)制代碼 代碼如下:
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"
}, //插件的相關(guān)元素命名
listmultiple: true, //select是否展開
simplekeyboard: true, //是否顯示大寫字母
onlykeyboard: false, //是否帶查詢功能
maxlength: null, //可輸入的最大長度
requestdataurl: null, //查詢數(shù)據(jù)的post地址
oncompleted: function (data) { }, //完成時出發(fā)此時間
onkeydown: function (data) { } //按鍵時出發(fā)此事件
};
插件的使用方法
使用方法
復(fù)制代碼 代碼如下:
<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的文本框使用插件
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(".querytxt").softkeyboard()
</script>
更改相關(guān)參數(shù)
復(fù)制代碼 代碼如下:
$(".querytxt").softkeyboard({
simplekeyboard: true,
listmultiple: true,
maxlength: 10,
onkeydown: function (d) { alert(d) },
requestdataurl: "GetData.ashx",
onlykeyboard: true
})
其中GetData.ashx返回的json數(shù)據(jù)格式類似如下
復(fù)制代碼 代碼如下:
[{code:"DL",name:"大連"},{code:"DT",name:"大同"},{code:"DL",name:"大理"}]
相關(guān)文章
Jquery each方法跳出循環(huán),并獲取返回值(實例講解)
這篇文章主要是對Jquery each方法跳出循環(huán),并獲取返回值進行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
基于jquery實現(xiàn)鼠標(biāo)左右拖動滑塊滑動附源碼下載
這篇文章主要介紹了基于jquery實現(xiàn)鼠標(biāo)左右拖動滑塊滑動附源碼下載 的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了Jquery 在頁面加載后執(zhí)行的幾種方式,需要的朋友可以參考下2014-03-03
layer是一款近年來備受青睞的web彈層組件，她具備全方位的解決方案，致力于服務(wù)各水平段的開發(fā)人員，您的頁面會輕松地?fù)碛胸S富友好的操作體驗，接下來通過本文給大家介紹layui常用方法，需要的朋友參考下2016-07-07
phpcms的地區(qū)級聯(lián)菜單，感覺寫的挺有意思于是自己也實現(xiàn)了個，感興趣的各位路過的可以參考下哈，希望本例可以幫助到你2013-03-03
這篇文章主要介紹了jquery實現(xiàn)樹形二級菜單實例代碼，有需要的朋友可以參考一下2013-11-11
基于jquery的設(shè)置頁面文本框 只能輸入數(shù)字的實現(xiàn)代碼
之前寫過的方法有缺陷，可以輸入空格?，F(xiàn)在將空格也屏蔽了。就是在之前的代碼里加入了過濾空格的功能。2011-04-04
jquery Ajax 實現(xiàn)加載數(shù)據(jù)前動畫效果的示例代碼
本篇文章主要是對jquery Ajax實現(xiàn)加載數(shù)據(jù)前動畫效果的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
有朋友問我，在是使用eclipse的過程中遇到了這么一個問題--eclipse導(dǎo)入jquery包后報錯——究竟是什么原因?qū)е逻@一問題發(fā)生的呢？該如何解決此問題呢？下面小編給大家?guī)砹私鉀Q辦法，不妨一起看看吧2015-12-12
這篇文章主要介紹了jquery手風(fēng)琴特效插件,效果非常棒，需要的朋友可以參考下2015-02-02