> 웹 프론트엔드 > JS 튜토리얼 > jquery 입력 상자 수 제한 플러그인_jquery

jquery 입력 상자 수 제한 플러그인_jquery

WBOY
풀어 주다: 2016-05-16 18:42:02
원래의
1102명이 탐색했습니다.

直接看代码:

复aze代码 代码如下:

(function($){
var keyCode={
백스페이스: 8,
CAPS_LOCK: 20,
COMMA: 188,
컨트롤: 17,
DELETE: 46,
DOWN: 40,
END: 35,
ENTER: 13,
ESCAPE: 27,
HOME: 36,
INSERT: 45,
LEFT: 37,
// NUMPAD_ADD: 107,
// NUMPAD_DECIMAL: 110,
// NUMPAD_DIVIDE: 111,
// NUMPAD_ENTER: 108,
// NUMPAD_MULTIPLY: 106,
// NUMPAD_SUBTRACT: 109,
PAGE_DOWN: 34,
PAGE_UP: 33,
PERIOD: 190,
RIGHT: 39,
SHIFT: 16,
SPACE: 32,
TAB: 9,
UP: 38
}
var isControlCode=function(key){
for(keyCode의 이름){
if(keyCode[name]==key)
return true
}
return false;
}
var number=function(event){
var t=this;
if(event.shiftKey)
return false
var key=event.keyCode;
if(isControlCode(key))
return;
if(key<48 || key>105)
return false
if(key>57 && key<96)
return false;
}
var ControlList={};
var control=Class.extend({
init:function(obj){
this.Event=[];
this.target=$(obj);
},
추가:기능(설정){
var t=this;
t.Event.push(설정);
반환 t;
},
Bind:function(){
var t=this;
if(!t.target){
return;
}
t.target.each(function(){
var b=$(this);
b.bind("keydown",t.event.bind(t)).bind ("keyup",t.event.bind(t));
if(jQuery.browser.msie)
{
b.bind("paste",t.event.bind(t)) ;
}
else{
b.bind("input",t.event.bind(t))
}
});
},
getmethods:function(type){
var t=this;
var 목록=[];
$(t.Event).each(function(i,item){
if(!item.type || !item.method)
return;
if(item.type== "모두"){
list.push(item.method)
}else
{
if(item.type==type){
list.push(item.method) ;
}
}
});
반품 목록;
},
IsSuccess:function(list,event,obj){
var istrue=true;
for(var i=0;iif(list[i].call(obj,event)===false)
{
istue=false ;
휴식;
}
}
return istrue;
},
event:function(ev){
var t=this;
var event=ev.originalEvent;
var obj=ev.target;
t.IsSuccess(t.getmethods(ev.type),event,obj)를 반환합니다.
}
});
control.Add=function(obj,settings){
var con= ControlList[this.selector];
if(!con)
{
con=새 컨트롤(obj);
컨트롤 목록[this.selector]=con;
con.Bind();
}
con.Add(설정);
반품 통제;
}
$.fn.numberable=function(){
$(this).css("imeMode","disabled");
control.Add(this,{type:"keydown",method:number}).Add(this,{type:"keyup",method:number});
함수 담당자 번호(이벤트){
var o= $(this);
if(o.val()){
o.val(o.val().replace(/[^d]/g,""));
}
}
if(jQuery.browser.msie){
control.Add(this,{type:"paste",method:function(event){var o=this;
setTimeout(repnumber.bind(o,event),0)
}
});
}
else
{
control.Add(this,{type:"input",method:repnumber});
}
이것을 반환하세요.
}
})(jQuery);

사용법:
复主代码 代码如下:

$ (".class").numberable();

这只是限主了数字,还可以扩展其他的功能,
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿