Extjs-实用工具 处理导航按键 Ext.KeyNev

1.Ext.KeyNev处理导航按键

Ext.KeyNav可以为某一对象绑定导航按键,导航按键包含enter,left,right,up,down,tab,esc,pageUp,pageDown,del,home,end等12个按键
<script type='text/javascript' defer>  
	Ext.onReady(function() {
	    var el = Ext.get('textarea');
	    var kn = new Ext.KeyNav(el, {
	        left: function(e) {
	            el.setWidth(el.getWidth() - 10);
	        },
	        right: function(e) {
	            el.setWidth(el.getWidth() + 10);
	        },
	        up: function(e) {
	            el.setHeight(el.getHeight() - 10);
	        },
	        down: function(e) {
	            el.setHeight(el.getHeight() + 10);
	        }
	    });
	
	    Ext.get('dis').on('click', function() {
	        //禁用
	        kn.disable();
	    });
	    Ext.get('en').on('click', function() {
	        //启用
	        kn.enable();
	    });
	});
</script>
  </head>
  <body>
    <button id='dis'>disable</button>
    <button id='en'>enable</button>
    <br />
    <textarea id='textarea'></textarea>
  </body>
</html>



你可能感兴趣的:(Extjs-实用工具 处理导航按键 Ext.KeyNev)