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

最新推荐文章于 2017-12-06 22:07:31 发布

itlwc

最新推荐文章于 2017-12-06 22:07:31 发布

阅读量1k

点赞数

分类专栏： Extjs 文章标签：工具

本文链接：https://blog.csdn.net/itlwc/article/details/7887521

版权

Extjs 专栏收录该内容

42 篇文章 1 订阅

订阅专栏

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>

itlwc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Extjs-实用工具处理导航按键 Ext.KeyNev

1.Ext.KeyNev处理导航按键Ext.KeyNav可以为某一对象绑定导航按键,导航按键包含enter,left,right,up,down,tab,esc,pageUp,pageDown,del,home,end等12个按键 Ext.onReady(function() { var el = Ext.get('textarea'); var kn = new E
复制链接

扫一扫