EXT下keypress与keydown事件中的event.keyCode方法的区别

最新推荐文章于 2021-02-25 06:26:10 发布

md_shmily92

最新推荐文章于 2021-02-25 06:26:10 发布

阅读量3.2k

点赞数

文章标签： ext keypress keydown event.keyCode

本文链接：https://blog.csdn.net/md_shmily92/article/details/46536491

版权

在实践中发现EXT下keypress中和keydown对于event.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("");
									 }							   
							    }
						    });	
				}}
           	}} 
	     }]