jquery_jquery に基づく多機能ソフト キーボード プラグイン

クエリ関数キーボードとシンプルなソフト キーボードをサポートしています。キーボード スタイルは別の CSS ファイルで完全に定義されており、自分で美しくすることができます。

(クエリからのソフトキーボードをサポート)

(簡易ソフトウェアディスク)

プラグインのデフォルトパラメータ

コードをコピー コードは次のとおりです。

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, //展開するかどうかを選択
simplekeyboard: true, //大文字を表示するかどうか
onlykeyboard: false, //クエリ関数の有無
maxlength: null, //最大入力できる長さ
requestdataurl: null , //データのポストアドレスを問い合わせる
oncompleted: function (data) { }, //このイベントは完了時にトリガーされます
onkeydown: function (data ) { } //キーが押されたときにこのイベントがトリガーされます
}

プラグインの使用方法
使用方法

コードをコピーします コードは次のとおりです:

メソッド 2 を使用してページにテキスト ボックスを追加します

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 :"Dalian"} 、{コード:"DT"、名前:"大同"}、{コード:"DL"、名前:"ダリ"}]