Extjs 禁止使用键盘回退刷新

最新推荐文章于 2021-02-01 03:24:15 发布

fei880411

最新推荐文章于 2021-02-01 03:24:15 发布

阅读量912

点赞数

分类专栏： Ext 文章标签： extjs function null input ie

Ext 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在 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 οnkeydοwn="if(event.keyCode==116){event.keyCode=0;return false;}">

fei880411

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Extjs 禁止使用键盘回退刷新

在 Extjs 开发中,我们需要屏蔽一些键盘按键,来避免用户在使用键盘操作的过程中不小心按到这些快捷键造成输入信息丢失等问题. Ext.onReady(function(){ Ext.WindowMgr.zseed = 10000; Ext.QuickTips.init();
复制链接

扫一扫

专栏目录