近来工作中遇到一问题,查看单据信息的时候,要禁用刷新功能。这里列出一个初步的实现:
1、打开新页面的时候,要这样打开:
<a href="#" onclick="window.open('child.html','content','toolbar=no,menubar=no,location=no')">
这样在IE下边,新打开的页面会没有工具条、菜单栏和地址栏。而在FireFox里边,却依然有地址栏,会导致光标在地址栏的时候,仍然可以刷新。
2、在新页面里,要禁用掉F5,F6和Ctrl+R
var initFn = function() { var disRefresh = function(key, e) { try { // IE浏览器里边,只设置了stopEvent还不行,还必须设置keyCode // 而在FF里头,keyCode是只读的,不能设置,所以这里要捕捉异常 e.browserEvent.keyCode = 0; } catch (e) { } }; new Ext.KeyMap(document, [{ key : Ext.EventObject.F5, stopEvent : true, fn : disRefresh, scope : this }, { key : Ext.EventObject.F6, stopEvent : true, fn : disRefresh, scope : this }, { key : "r", ctrl : true, fn : disRefresh, stopEvent : true }]); }; Ext.onReady(initFn);
F6会使地址栏获得光标,导致禁用刷新失败,所以一并处理掉F6。
这种实现在FF下还是有点问题的,因为地址栏没有禁用掉,光标在地址栏的时候仍然可以刷新。在IE8下禁用成功。