预防"提交"按钮的多次点击-onbeforeunload事件

王朝c#·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

预防'提交'按钮的多次点击

Google,找到了一些代码,自己修改了一下。主要参考老猫'blog.

public void page_load(Object obj,EventArgs e)

{

btn.Attributes.Add('onclick','state=true;');

StringBuilder sb=new StringBuilder();

sb.Append('if (!state) return;');

sb.Append('var button=document.getElementById('btn');');

sb.Append('button.value=\' Please Wait... \';');

sb.Append('document.body.style.cursor='wait';');

sb.Append('button.disabled=true;');

string strScript='<script>';

strScript=strScript +'var state=false;';

//将函数绑定到页面的onbeforeunload事件:

strScript=strScript +'window.attachEvent('onbeforeunload',function(){' +sb.ToString()+ '});';

strScript=strScript +'</'+'script>';

Page.RegisterStartupScript('onbeforeunload',strScript);

}

private void Submit_Click(Object sender, EventArgs e){

//模拟长时间的按钮处理

System.Threading.Thread.Sleep(3000);

Response.Write('<script>alert(xxx!!');'+'</'+'script>');

}

<asp:button id='btn' Text='Submit' OnClick='Submit_Click' runat='server'/>

修改好的这个例子原理是提交后将按钮置于一定时间的无效状态.

仅能防止一些,因网速慢而心急的用户造成的误点击.

对于恶意的多次刷新而形成的多次提交还是没有办法解决.

(不过应该可通过页面的onbeforeunload事件解决)

如何在用户关掉web浏览器窗口前, 进行相应的动作

长期以来, 做Web项目, 总会头疼这个问题.

用户不进行注销或者退出功能, 直接关闭了浏览器.

或者用户在进行输入操作时, 误点了一个链接, 跳转到其它页面, 造成输入数据的丢失.

今天发现了onbeforeunload事件,它是这样用的:

<script language='javascript'>

g_blnCheckUnload = true;

function RunOnBeforeUnload() {

if (g_blnCheckUnload)

{//注意异常的捕获

try{

window.event.returnValue = 'You will lose any unsaved content';

}catch(e){}

}

}

</script>

<body onbeforeunload='RunOnBeforeUnload()'>

</body>

这样每次关闭浏览器窗口或涮新页面时,都要触发onbeforeunload这个事件,这样可以对用户进行提示,避免不必要的遗憾。

我上网又查了一些这个事件的用法,感觉还是http://www.surfchen.org/?p=54这篇写得最清楚了,摘抄如下:

onbeforeunload事件:

注:三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。

用法:

object.onbeforeunload = handler <element onbeforeunload = “handler” … ></element> 描述:

事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。

handler可以设一个返回值作为该对话框的显示文本。

触发于:

关闭浏览器窗口 通过地址栏或收藏夹前往其他页面的时候 点击返回,前进,刷新,主页其中一个的时候 点击 一个前往其他页面的url连接的时候 调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit. 当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。 重新赋予location.href的值的时候。 通过input type=”submit”按钮提交一个具有指定action的表单的时候。 可以用在以下元素:

BODY, FRAMESET, window

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航