EXT에서 keypress와 keydown 이벤트의 이벤트입니다.keyCode 방법의 차이

2449 단어
실천에서 EXT 아래 키프레스와 키다운이 이벤트에 대한 것을 발견합니다.keyCode 방법이 달라요.
1. event.keyCode 방법의 차이점:
keypress에서 keydown은 대소문자의 ASCII 코드 값을 구분하고 keydown 시간에 소문자를 눌렀을 때 대문자의 ASCII 코드 값을 얻습니다. @,!이 특수 기호는 ASCII 코드에 대한 값을 사용할 수 없습니다.
2. Backpace 키 ASCII 코드는 다음과 같습니다.
keypress 이벤트에서 Backpace 버튼은 ASCII 코드 값을 얻을 수 없고 keydown 이벤트에서 얻을 수 있습니다.
{
	            fieldLabel: ' ',
	            id:'loginPswd',
	            name: 'password',
	            validateOnBlur:false,
	            blankText:' ',
	            allowBlank:false,
	            hidden:true
	          //  inputType:'password'
	          
	        },{
	        	fieldLabel: ' ',
	            id:'loginPswd1',
	            hidden:false,
	            name: 'password1',
	            validateOnBlur:false,
	            allowBlank:false,
	            selectOnFocus:true,
listeners: {   
		        render: function(p) {  
				 p.getEl().on('keypress', function(){  	
					    	   var pass = Ext.getCmp('loginPswd1').getValue(); 
						   	   var j_pass = Ext.getCmp('loginPswd').getValue();
						   	   var keycode=event.keyCode||event.which;  
						   	   var keychar=String.fromCharCode(keycode);
						   		j_pass=j_pass+keychar; 
						   		j_pass=j_pass.substring(0,pass.length+1);	
						   		Ext.getCmp('loginPswd').setValue(j_pass);
						   		if((event.keyCode||event.which)==13){ 						           
							    }
						    });
						  p.getEl().on('keydown', function(){  	
					    	   var pass = Ext.getCmp('loginPswd1').getValue(); 
						   	   var j_pass = Ext.getCmp('loginPswd').getValue();
						   		if((event.keyCode||event.which)==8){
							   		j_pass=j_pass.substring(0,pass.length-1);	
							   		Ext.getCmp('loginPswd').setValue(j_pass);								   
							    }
						    });	
						  p.getEl().on('keyup', function(){  	
					    	   var pass = Ext.getCmp('loginPswd1').getValue(); 
						       var tex=	pass.replace(/./g,'*');
						       Ext.getCmp('loginPswd1').setValue(tex);
						       var pass = Ext.getCmp('loginPswd1').getValue(); 
						       if((event.keyCode||event.which)==8){
						   			if(pass==""){
								        Ext.getCmp('loginPswd').setValue("");
									 }							   
							    }
						    });	
				}}
           	}} 
	     }]

좋은 웹페이지 즐겨찾기