• 设为首页
  • 收藏本站
  • 积分充值
  • VIP赞助
  • 手机版
  • 微博
  • 微信
    微信公众号 添加方式:
    1:搜索微信号(888888
    2:扫描左侧二维码
  • 快捷导航
    福建二哥 门户 查看主题

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

    发布者: 姬7089 | 发布时间: 2025-8-13 22:15| 查看数: 63| 评论数: 0|帖子模式

    在 Extjs 开发中,我们需要屏蔽一些键盘按键,来避免用户在使用键盘操作的过程中不小心按到这些快捷键造成输入信息丢失等问题.
    1. Ext.onReady(function(){   
    2.       Ext.WindowMgr.zseed = 10000;  
    3.       Ext.QuickTips.init();   
    4.          
    5.       Ext.getDoc().on("contextmenu", function(e){   
    6.         e.stopEvent();   
    7.       });   
    8.         
    9.       if(document.addEventListener){  
    10.         document.addEventListener("keydown",maskBackspace, true);  
    11.       }else{  
    12.         document.attachEvent("onkeydown",maskBackspace);  
    13.       }  
    14.         
    15.       function maskBackspace(event){  
    16.         var event = event || window.event; //标准化事件对象  
    17.         var obj = event.target || event.srcElement;  
    18.         var keyCode = event.keyCode ? event.keyCode : event.which ?  
    19.             event.which : event.charCode;  
    20.         if(keyCode == 8){  
    21.           if(obj!=null && obj.tagName!=null && (obj.tagName.toLowerCase() == "input"   
    22.               || obj.tagName.toLowerCase() == "textarea")){  
    23.             event.returnValue = true ;  
    24.             if(Ext.getCmp(obj.id)){  
    25.               if(Ext.getCmp(obj.id).readOnly) {  
    26.                 if(window.event)  
    27.                   event.returnValue = false ; //or event.keyCode=0  
    28.                 else  
    29.                   event.preventDefault();  //for ff  
    30.               }  
    31.             }  
    32.           }else{  
    33.             if(window.event)  
    34.               event.returnValue = false ;  // or event.keyCode=0  
    35.             else  
    36.               event.preventDefault();  //for ff  
    37.           }  
    38.         }  
    39.       }  
    40.         
    41.       var map = new Ext.KeyMap(document, [  
    42.       {  
    43.         key: [116], // F5  
    44.         fn: function(){ },  
    45.         stopEvent: true,  
    46.         scope: this  
    47.       },{  
    48.         key: [37,39,115], //方向键左,右,F4  
    49.         alt: true,  
    50.         fn: function(){ },  
    51.         stopEvent: true,  
    52.         scope: this  
    53.       }, {  
    54.         key: [82], // ctrl + R  
    55.         ctrl: true,  
    56.         fn: function(){ },  
    57.         stopEvent: true,  
    58.         scope: this  
    59.       }]);  
    60.       map.enable();  
    61. });  
    复制代码
    禁止在IE8中使用 F5 刷新还需加上代码 :
    1. <body onkeydown="if(event.keyCode==116){event.keyCode=0;return false;}">  
    复制代码

    来源:互联网
    免责声明:如果侵犯了您的权益,请联系站长(1277306191@qq.com),我们会及时删除侵权内容,谢谢合作!

    最新评论

    QQ Archiver 手机版 小黑屋 福建二哥 ( 闽ICP备2022004717号|闽公网安备35052402000345号 )

    Powered by Discuz! X3.5 © 2001-2023

    快速回复 返回顶部 返回列表