`

浏览器页面,禁用刷新

阅读更多

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

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

分享到:
评论

相关推荐

    jsp 页面禁用刷新

    在探讨“JSP页面禁用刷新”的主题时,我们首先需要理解JSP(Java Server Pages)的基本概念及其在Web开发中的角色。JSP是一种用于创建动态网页的技术,它允许将HTML、XML、脚本语言(如JavaScript)以及Java代码混合...

    禁止用户刷新,前进页面

    1. **JavaScript禁用刷新**: - 可以通过JavaScript监听`beforeunload`事件,在用户尝试刷新页面时显示警告信息。 ```javascript window.addEventListener('beforeunload', function (event) { event....

    判断浏览器刷新还是关闭

    需要注意的是,浏览器的安全策略和更新可能会限制某些事件的使用,例如`beforeunload`的确认对话框默认已被禁用,需要用户手动触发。因此,在实际应用中,开发者应时刻关注浏览器的最新动态,并遵循最佳实践来确保...

    禁止浏览器刷新和鼠标刷新还有键盘刷新

    在网页开发中,有时出于特定需求,比如保护页面内容不被用户意外刷新导致数据丢失,或者在特定交互场景下避免用户离开当前页面,开发者可能会考虑禁用浏览器的刷新功能。标题和描述中提到的问题,即如何禁止浏览器...

    刷新导致页面字体变大的解决方法

    1. **浏览器缓存问题**:当用户刷新页面时,浏览器可能会优先使用缓存中的资源,而不是重新从服务器获取最新的资源。如果缓存中的CSS或JavaScript文件与当前版本不一致,就可能导致页面布局或字体大小的变化。 2. *...

    5种网页刷新方法

    此外,开发者工具还提供了一些高级刷新选项,如禁用缓存刷新,这在调试页面时特别有用,因为它会强制浏览器不使用本地存储的资源,而是重新从服务器获取所有内容。 了解这些刷新方法后,我们可以根据具体需求灵活...

    HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码

    H5手指下滑弹出负一屏, 阻止移动端浏览器内置下拉刷新功能,具体实例代码如下所示: 默认隐藏,负一屏,手指下滑即可弹出显示,上滑隐藏 正式内容 [removed] import $ from 'jquery'; export ...

    360浏览器自动刷新工具

    安装完成后,该插件会出现在浏览器的工具栏上,用户可以通过点击图标来启用或禁用自动刷新功能。 为了确保用户在使用自动刷新工具时的安全,有几点需要注意: 1. 来源:只从可信赖的网站或平台下载插件,避免下载...

    防止页面刷新、定时刷新间隔刷新

    - 在服务器端通过设置HTTP响应状态码为303(See Other)或者304(Not Modified),可以指示浏览器不进行缓存,避免用户刷新页面时出现重复提交的情况。 4. **利用Token机制**: - 为每个表单请求生成一个唯一的...

    jquery弹出层不关闭 父页面刷新

    因此,更常见的情况是,在弹出层打开时,禁用页面的刷新行为,直到用户关闭弹出层。这可以通过取消`window.onbeforeunload`事件处理函数或改变`dialogOpen`状态来实现。 在提供的文件列表中,我们看到`Default.aspx...

    c# 版多页面浏览器

    7. **安全性**:考虑浏览器的安全性,如防止跨站脚本攻击(XSS)、禁用不受信任的JavaScript代码等。 8. **性能优化**:通过缓存策略、内存管理和异步操作提高浏览器性能,尤其是在处理大量或资源密集型网页时。 9. ...

    JS 禁用 退格-刷新-禁用地址栏-菜单栏-右键-窗口最大化

    2. **禁用刷新按钮/页面刷新**: 禁用页面刷新可以通过监听`beforeunload`或`unload`事件并在其中处理逻辑来实现。但请注意,完全禁止用户刷新页面可能会导致不良用户体验,因为这是用户导航的基本方式。通常,你会...

    后台管理禁止iframe刷新返回首页

    5. **禁用`iframe`的刷新按钮**:虽然这可能影响用户体验,但作为一种备选方案,可以通过CSS或JavaScript隐藏或禁用`iframe`内的刷新按钮,防止用户意外点击导致的页面跳转。 6. **路由管理**:如果后台管理系统...

    防止页面二次刷新

    另一种情况是,如果用户在第一次点击提交后,页面正在处理请求,但用户按下了浏览器的刷新按钮,这也会触发二次提交。 为了解决这个问题,开发者可以采取以下几种策略: 1. **POST-REDIRECT-GET**(PRG)模式:这...

    屏蔽IE浏览器网页刷新的方法

    在IT行业中,有时候为了特定的需求或者为了保持网页的稳定性,我们可能需要禁用浏览器的刷新功能,特别是对于那些处理敏感数据或执行复杂操作的网页。本文将深入探讨如何实现“屏蔽IE浏览器网页刷新”的方法,并结合...

    页面自动刷新插件 谷歌浏览器插件_谷歌浏览器设置自动刷新网页

    4. 如果一切正常,插件将会出现在浏览器的右上角工具栏中,用户可以点击插件图标进行设置或启用/禁用自动刷新功能。 标签“页面自动刷新插件 谷歌浏览器”进一步强调了这个插件的功能和适用浏览器。 根据提供的...

    js短信验证码倒计时(页面刷新无效)

    2. **页面刷新后的状态恢复**:为了保持页面刷新后的倒计时状态,我们可以利用浏览器的`localStorage`或`sessionStorage`来保存倒计时状态。在发送验证码请求成功时,将倒计时的开始时间存入存储: ```javascript ...

    js禁止页面刷新禁止用F5键刷新禁止右键的示例代码

    此外,由于浏览器安全策略的限制,某些行为可能无法被完全禁止(例如,某些浏览器可能仍然允许用户通过特定方式刷新页面),开发者应根据具体情况进行调整。 总结以上,上述JavaScript代码片段提供了一种在网页中...

    Vue 禁用浏览器的前进后退操作

    在Vue应用程序中,有时我们需要控制浏览器的前进后退(前进/后退按钮)操作,以满足特定的用户体验需求。...这不仅涉及禁用前进后退,还包括在前进和后退时决定页面的刷新策略,以优化性能和用户体验。

Global site tag (gtag.js) - Google Analytics