浏览器页面,禁用刷新

近来工作中遇到一问题,查看单据信息的时候,要禁用刷新功能。这里列出一个初步的实现:

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下禁用成功。

你可能感兴趣的:(工作,浏览器,IE,ext,firefox)