分享
 
 
 

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

王朝other·作者佚名  2006-04-28
窄屏简体版  字體: |||超大  

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

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浏览器窗口前, 进行相应的动作

参考 maison 'blog

长期以来, 做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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有