您的位置：首页 > Web前端 > JavaScript

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

2012-08-20 17:33 399 查看

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

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