编程 Javascript

Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享

Posted in Javascript onJune 07, 2016

在 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;}">

Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享

- Author -

chamcon

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

基于jQuery的星级评分插件

Aug 12 Javascript

javascript采用数组实现tab菜单切换效果

Dec 12 Javascript

JQuery DataTable删除行后的页面更新利用Ajax解决

May 17 Javascript

jQuery中hide()方法用法实例

Dec 24 Javascript

鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解

Mar 12 Javascript

简单分析javascript中的函数

Sep 10 Javascript

Angular2 之路由与导航详细介绍

May 26 Javascript

Js面试算法详解

Apr 08 Javascript

小程序自定义模板实现吸顶功能

Jan 08 Javascript

JS如何寻找数组中心索引过程解析

Jun 01 Javascript

JS+Canvas实现五子棋游戏

Aug 26 Javascript

uniapp开发小程序的经验总结

Apr 08 Javascript

JavaScript基础语法之js表达式

Jun 07 #Javascript

JavaScript必看小技巧(必看)

Jun 07 #Javascript

通过正则表达式获取url中参数的简单实现

Jun 07 #Javascript

点击按钮出现60秒倒计时的简单js代码(推荐)

Jun 07 #Javascript

javascript显示倒计时控制按钮的简单实现

Jun 07 #Javascript

基于jQuery下拉选择框插件支持单选多选功能代码

Jun 07 #Javascript

jQuery原理系列-css选择器的简单实现

Jun 07 #Javascript