`
xinklabi
  • 浏览: 1590930 次
  • 性别: Icon_minigender_1
  • 来自: 吉林
文章分类
社区版块
存档分类
最新评论

按键盘的删除键导致网页后退的问题

 
阅读更多

禁用Backspace键 ,ASP.NET按删除键返回上一张页面

      在网页制作中,由于Backspace键可以回退到上一个网页,利用了缓存的数据,从而导致一些错误发生。网上一些文章:

转贴:禁用浏览器后退之方法比较- -

                                      

 

 

       浏览器的后退按钮使得我们能够方便地返回以前访问过的页面,它无疑非常有用。但有时候我们不得不关闭这个功能,以防止用户打乱预定的页面访问次序。本文介绍网络上可找到的各种禁用浏览器后退按钮方案,分析它们各自的优缺点和适用场合。

一、概述 
  曾经有许多人问起,“怎样才能‘禁用’浏览器的后退按钮?”,或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面?”在ASP论坛上,这个问题也是问得最多的问题之一。遗憾的是,答案非常简单:我们无法禁用浏览器的后退按钮。

  起先我对于居然有人想要禁用浏览器的后退按钮感到不可思议。后来,看到竟然有那么多的人想要禁用这个后退按钮,我也就释然(想要禁用的只有后退按钮,不包括浏览器的前进按钮)。因为在默认情况下,用户提交表单之后可以通过后退按钮返回表单页面(而不是使用“编辑”按钮!),然后再次编辑并提交表单向数据库插入新的记录。这是我们不愿看到的。

  因此我就决定要找出避免出现这种情况的方法。我访问了许多网站,参考了这些网站所介绍的各种实现方法。如果你经常访问ASP编程网站,本文所介绍的部分内容你可能已经见到过。本文的任务是把各种可能的方法都介绍给大家,然后找出最好的方法!

二、禁止缓存

  在我找到的许多方案中,其中有一种建议禁止页面缓存。具体是使用服务器端脚本,如下所示:

< %

Response.Buffer = True

Response.ExpiresAbsolute = Now() - 1

Response.Expires = 0

Response.CacheControl = "no-cache"

% >

这种方法非常有效!它强制浏览器重新访问服务器下载页面,而不是从缓存读取页面。使用这种方法时,编程者的主要任务是创建一个会话级的变量,通过这个变量确定用户是否仍旧可以查看那个不适合通过后退按钮访问的页面。由于浏览器不再缓存这个页面,当用户点击后退按钮时浏览器将重新下载该页面,此时程序就可以检查那个会话变量,看看是否应该允许用户打开这个页面。

例如,假设我们有如下表单:

< %

Response.Buffer = True

Response.ExpiresAbsolute = Now() - 1

Response.Expires = 0

Response.CacheControl = "no-cache"


If Len(Session("FirstTimeToPage")) > 0 then

&single; 用户已经访问过当前页面,现在是再次返回访问。

&single; 清除会话变量,将用户重定向到登录页面。

Session("FirstTimeToPage") = ""

Response.Redirect "/Bar.asp"

Response.End

End If


&single; 如果程序运行到这里,说明用户能够查看当前页面

&single; 以下开始创建表单

%>

 

< form method=post action="SomePage.asp">

< input type=submit>

< /form>

 

 

我们借助会话变量FirstTimeToPage检查用户是否是第一次访问当前页面。如果不是第一次(即Session("FirstTimeToPage")包含某个值),那么我们就清除会话变量的值,然后把用户重新定向到一个开始页面。这样,当表单提交时(此时SompePage.asp被打开),我们必须赋予FirstTimeToPage一个值。即,在SomePage.asp中我们需要加上下面的代码:

Session("FirstTimeToPage") = "NO"

这样,已经打开SomePage.asp的用户如果点击后退按钮,浏览器将重新请求服务器下载页面,服务器检查到Session("FirstTimeToPage")包含了一个值,于是就清除Session("FirstTimeToPage"),并把用户重定向到其他页面。当然,所有这一切都需要用户启用了Cookie,否则会话变量将是无效的。(有关该问题的更多说明,请参见For session variables to work, must the Web visitor have cookies enabled?)

另外,我们也可以用客户端代码使浏览器不再缓存Web页面:

< html>

< head>

< meta http-equiv="Expires" CONTENT="0">

< meta http-equiv="Cache-Control" CONTENT="no-cache">

< meta http-equiv="Pragma" CONTENT="no-cache">

< /head>

如果使用上面的方法强制浏览器不再缓存Web页面,必须注意以下几点:

只有在使用安全连接时“Pragma: no-cache”才防止浏览器缓存页面。对于不受安全保护的页面,“Pragma: no-cache”被视为与“Expires: -1”相同,此时浏览器仍旧缓存页面,但把页面标记为立即过期。 
在IE 4或5中,“Cache-Control”META HTTP-EQUIV标记将被忽略,不起作用。 
  在实际应用中我们可以加上所有这些代码。然而,由于这种方法不能适用于所有的浏览器,所以是不推荐使用的。但如果是在Intranet环境下,管理员可以控制用户使用哪种浏览器,我想还是有人会使用这种方法。

三、其他方法

   接下来我们要讨论的方法以后退按钮本身为中心,而不是浏览器缓存。这儿有一篇文章Rewiring the Back Button很值得参考。不过我注意到,如果使用这种方法,虽然用户点击一下后退按钮时他不会看到以前输入数据的页面,但只要点击两次就可以,这可不是我们希望的效果,因为很多时候,固执的用户总是能够找到绕过预防措施的办法。

   另外一种禁用后退按钮的办法是用客户端JavaScript打开一个没有工具条的窗口,这使得用户很难返回前一页面,但不是不可能。一种更安全但相当恼人的方法是,当表单提交时打开一个新的窗口,与此同时关闭表单所在的窗口。但我觉得这种方法不值得认真考虑,因为我们总不能让用户每提交一个表单就打开一个新窗口。

   那么,在那个我们不想让用户返回的页面是否也可以加入JavaScript代码呢?在这个页面中加入的JavaScript代码可用来产生点击前进按钮的效果,这样也就抵消了用户点击后退按钮所产生的动作。用于实现该功能的JavaScript代码如下所示:


< script language="JavaScript">

< !--

javascript:window.history.forward(1);

//-->

< /script>

同样地,这种方法虽然有效,但距离“最好的方法”还差得很远。后来我又看到有人建议用location.replace从一个页面转到另一个页面。这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远不会变为可用。我想这可能正是许多人所寻求的方法,但这种方法仍旧不是任何情况下的最好方法。使用这种方法的实例如下所示:

< A HREF="PageName.htm" onclick="javascript:location.replace(this.href);

event.returnValue=false; ">

禁止后退到本页面的链接< /A>

试试下面这个链接:

禁止后退到本页面的链接!

这种方法的缺点在于:简单地运用Response.Redirect将不再有效,这是因为每次用户从一个页面转到另一个页面,我们都必须用客户端代码清除location.history。另外还要注意,这种方法清除的是最后一个访问历史记录,而不是全部的访问记录。

点击上面的链接,你将打开一个简单的HTML页面。再点击后退按钮,你可以看到这时打开的不是本页面,而是本页面之前的页面!(当然,你必须在浏览器中启用了客户端JavaScript代码。)

经过一番仔细的寻寻觅觅之后,我发现仍旧无法找出真正能够完全禁用浏览器后退按钮的办法。所有这里介绍的方法都能够在不同程度上、以不同的方式禁止用户返回前一页面,但它们都有各自的局限。由于不存在能够完全禁用后退按钮的方法,所以最好的方案应该是:混合运用客户端脚本和服务器端脚本。
=====================================================================
其他方法:
1. 在page_load中加入:Response.Cache.SetCacheability(System.Web.HttpCacheability.NoCache);
2. 在页面脚本<body>中加入:onkeydown="return (event.keyCode!=8)"

分享到:
评论

相关推荐

    JQuery防止退格键网页后退的实现代码

    在网页开发中,有时我们需要禁用用户使用浏览器的退格键(Backspace)来防止其触发页面后退的行为,特别是在用户进行数据输入或者操作时,误按退格键导致页面跳转可能会造成不便或数据丢失。这篇内容主要讨论的是...

    禁用backspace键的后退功能

    在文本编辑环境中,backspace键主要用于删除光标左侧的字符,而在网页浏览过程中,按下backspace键可能会触发浏览器的后退功能,导致用户意外返回上一个页面。这对于某些需要用户输入敏感信息或进行复杂操作的网页...

    jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击

    在网页开发中,有时出于特定需求,我们可能需要禁用某些用户交互行为,例如禁用F5刷新、禁用键盘的后退键以及禁用右键单击菜单。这篇文章主要介绍四种使用jQuery来实现这些功能的方法。 1. **禁用F5刷新** 在网页...

    JavaWeb页面中防止点击Backspace网页后退情况

    以下是一个简单的JavaScript函数,名为`banBackSpace`,它会阻止Backspace键导致的页面后退,但允许在密码框和文本输入框中使用Backspace进行文字删除: ```javascript function banBackSpace(e) { var ev = e || ...

    js屏蔽backspace后退,又不影响删除输入框文字

    例如,在上面的例子中,我们不希望`Backspace`键导致浏览器后退到上一个页面。这可以通过返回`false`来实现: ```javascript return false; ``` 这将阻止浏览器执行与`Backspace`键相关的默认行为,如后退到上一个...

    js屏蔽退格键(backspace或者叫后退键与F5)

    尤其是退格键,它不仅会删除文本框中的字符,还会导致浏览器返回上一个页面,这是由于浏览器将退格键默认理解为后退操作。在本例中,工作人员在编辑文章时,误操作退格键,导致刚编辑的内容丢失,因此需要通过...

    js禁止Backspace键使浏览器后退的实现方法

    然而,上述方法存在一个问题:当`select`下拉列表被展开时,我们无法获取到键盘事件,因此在这种情况下按Backspace键仍然会导致浏览器后退。为解决这个问题,建议使用easyUI的combobox组件来替代传统的`select`元素...

    CAD工程制图键盘快捷命令

    快捷命令通常是以字母、字母组合或者功能键和字母的组合形式出现。下面将详细介绍一些常用的CAD工程制图键盘快捷命令。 首先是基本的绘图命令,这些命令用于创建图形元素: - L=直线:用于绘制直线段。 - PL=多段线...

    javascript阻止浏览器后退事件防止误操作清空表单

    其中一种常见的情况是在填写表单后不小心按到了浏览器的后退按钮,导致所有的输入内容被清空。为了解决这一问题,可以通过JavaScript代码来阻止浏览器后退事件的发生,进而防止误操作清空表单。 文章提到的主要方法...

    使用jquery实现IE下按backspace相当于返回操作

    在网页开发中,有时我们需要对用户的键盘操作进行特殊处理,特别是在一些特定的场景下,比如在SPA(单页面应用)中,我们可能希望阻止用户在非输入区域按下退格键(Backspace)时触发浏览器的后退功能。这是因为,...

    web 屏蔽BackSpace键实例代码

    在Web开发中,有时我们需要避免用户在特定情况下误操作导致页面回退,特别是在表单填写时,用户可能会在文本框失去焦点后按下退格键,从而意外地使浏览器后退到上一个页面。针对这个问题,我们可以编写JavaScript...

    JS禁用浏览器退格键实现思路及代码

    1. 禁止退格键导致浏览器后退到前一页面或表单状态。通常情况下,按退格键会使浏览器返回上一页面或者重置表单状态,这是由浏览器自身的行为决定的,我们需要通过JavaScript来阻止这种默认行为。 2. 确保在特定元素...

    IE的启动、浏览与设置.pptx

    如果不再需要IE,应通过Windows控制面板的“添加/删除程序”功能卸载,避免直接删除文件导致的问题。 2.2 IE的启动: IE的启动方式有两种:一是点击桌面上的Internet快捷方式图标,二是从“开始”菜单中选择“程序...

    JavaScript屏蔽Backspace键的实现代码

    Backspace键在大多数情况下用于删除文本,但在某些情况下,尤其是当用户焦点在只读元素上时,按Backspace键可能会触发浏览器的后退功能,这在IE浏览器中尤为明显。 首先,我们需要理解事件处理在JavaScript中的工作...

    英威腾CM3000切纸机控制器操作说明书20140813.pdf

    - 按钮功能区域分为操作按钮区域和物理键盘,其中F1-F6代表物理键盘上的功能键号。 - 工作模式选择区域允许进入不同的工作模式,每个模式的按钮会有颜色变化以指示当前模式。 - 工作内容显示区域显示当前工作模式下...

    IE概览、启动、浏览与设置.pptx

    如果不再需要IE浏览器,可以通过Windows的“控制面板”中的“添加/删除程序”选项进行卸载,避免直接删除文件导致的问题。 **2.2 IE的启动** IE浏览器的启动很简单,用户可以通过桌面的快捷方式图标双击打开,或者...

Global site tag (gtag.js) - Google Analytics