Extjs 禁止使用键盘回退刷新

chamcon

浏览: 367211 次
性别:
来自: 重庆

最近访客更多访客>>

xiehao1020

feixiang870115

u012363178

努力吧飞翔

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript
extjs

extjs javascript js

在 Extjs 开发中,我们需要屏蔽一些键盘按键,来避免用户在使用键盘操作的过程中不小心按到这些快捷键造成输入信息丢失等问题.

Ext.onReady(function(){      
            Ext.WindowMgr.zseed = 10000;  
            Ext.QuickTips.init();   
               
            Ext.getDoc().on("contextmenu", function(e){     
                e.stopEvent();     
            });   
              
            if(document.addEventListener){  
                document.addEventListener("keydown",maskBackspace, true);  
            }else{  
                document.attachEvent("onkeydown",maskBackspace);  
            }  
              
            function maskBackspace(event){  
                var event = event || window.event;  //标准化事件对象  
                var obj = event.target || event.srcElement;  
                var keyCode = event.keyCode ? event.keyCode : event.which ?  
                        event.which : event.charCode;  
                if(keyCode == 8){  
                    if(obj!=null && obj.tagName!=null && (obj.tagName.toLowerCase() == "input"    
                           || obj.tagName.toLowerCase() == "textarea")){  
                        event.returnValue = true ;  
                        if(Ext.getCmp(obj.id)){  
                            if(Ext.getCmp(obj.id).readOnly) {  
                                if(window.event)  
                                    event.returnValue = false ;  //or event.keyCode=0  
                                else  
                                    event.preventDefault();   //for ff  
                            }  
                        }  
                    }else{  
                        if(window.event)  
                            event.returnValue = false ;   // or event.keyCode=0  
                        else  
                            event.preventDefault();    //for ff  
                    }  
                }  
            }  
              
            var map = new Ext.KeyMap(document, [  
            {  
                key: [116], // F5  
                fn: function(){ },  
                stopEvent: true,  
                scope: this  
            },{  
                key: [37,39,115], //方向键左,右,F4  
                alt: true,  
                fn: function(){ },  
                stopEvent: true,  
                scope: this  
            }, {  
                key: [82],  // ctrl + R  
                ctrl: true,  
                fn: function(){ },  
                stopEvent: true,  
                scope: this  
            }]);  
            map.enable();  
});

禁止在IE8中使用 F5 刷新还需加上写列代码

<body onkeydown="if(event.keyCode==116){event.keyCode=0;return false;}">

分享到：

extjs的几个技巧,解决ajax请求时用户sess ... | 在Eclipse中导入dtd和xsd文件，使XML自 ...

2012-08-15 16:48
浏览 2574
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Extjs 禁止使用键盘回退刷新

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Extjs 禁止使用键盘回退刷新

评论

发表评论

相关推荐

使用iframe做动态内容的重复加载、加载两次或多次的问题解决

使用iframe做动态内容的重复加载、加载两次或多次的问题解决

重庆实时路况（基于百度MAP API）

javascript 读取xml 解析xml文件

Javascript 新历转旧历|阳历转阴历|公历转农历算法代码

自定义对象与dom对象合并

JavaScript 中小数和大整数的精度丢失

js 与或运算符 || && 妙用

JS小数点判断

Chrome 控制台新玩法-向输出到console的文字加样式

javascript中==与===的区别

Web中连续触发事件影响性能的解决办法

仿淘宝分页按钮效果简单美观易使用的JS分页控件

ExtJS带清空按钮的文本框TextField组件

Extjs的一些常用工具方法

JS将字符串形式的日期转换成Date日期对象

resize 事件的兼容性问题研究

extjs的几个技巧,解决ajax请求时用户session超时问题

Javascript的变量

extJS 树节点操作

最近访客更多访客>>