在用户离开页面时提示信息

最新推荐文章于 2022-05-24 16:19:48 发布
最新推荐文章于 2022-05-24 16:19:48 发布
阅读量1.1k 收藏
点赞数
分类专栏： Asp / Asp.net 学习专用 文章标签： button input function html javascript null

有时候在编辑页面用户做修改后，可能会有刷新、关闭等误操作造成当前页面信息的丢失，
何不先提醒一下用户呢？实例代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Confirm Before Leave</title>
<script language="javascript" type="text/javascript">

<!--
var pb_strConfirmCloseMessage;
var pb_blnCloseWindow = false;
pb_strConfirmCloseMessage ="您真的要离开本页吗?";
function ConfirmClose() {
window.event.returnValue = pb_strConfirmCloseMessage;
pb_blnCloseWindow = true;
}
function ShowConfirmClose(blnValue) {
if(blnValue) {
document.body.onbeforeunload = ConfirmClose;
} else {
document.body.onbeforeunload = null;
}
}
//--></script>
</head>
<body οnlοad="ShowConfirmClose(true);">
<input type=button value="提示" οnclick="ShowConfirmClose(true);">
<input type=button value="不提示" οnclick="ShowConfirmClose(false);">
<input type=button value="测试刷新" οnclick="window.location.reload();">
</body>
</html>

=========================

//打开新的窗体

Response.Redirect("WebMain.aspx");   

//弹出一个新窗体

Response.Write("<script>window.open(/"WebMain.aspx/")</script>")

//弹出一个只有确定按钮的提示框

Response.Write("<script>alert(/"用户名或密码错误/");</script>");

//关闭窗体不提示信息

Response.Write("<script>window.opener=null;window.close();</script>");

//关闭窗体提示一条信息

Response.Write("<script>window.close();</script>");

//关闭窗体提示两条信息

Response.Write("<script>if(confirm(/"确定退出？/")==true){window.close();}</script>");



Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=546084

如何在页面卸载时进行数据上报
夏狗花花的博客
05-11 893
需求场景 在用户离开页面前发送请求，进行数据上报（如统计用户停留时长） 编辑界面未保存退出的情况，保存数据以便恢复 方案1（有毛病） 在 unload / beforeunload 中发送同步请求 结果 报错：Uncaught DOMException: Failed to execute ‘send’ on ‘XMLHttpRequest’: Failed to load ‘https://xxxx/’: Synchronous XHR in page dismissal. 原因 chrome 不支
离开当前页面_离开网页后改变页面的标题title的特效代码
weixin_35126480的博客
01-13 1037
有些网站为了吸引用户，当访客点击其他网页的时候，就会把网页标题自动切换成一段自定义的文字句子。目的是引起用户注意，挽留网站的访客。这种效果怎么实现的呢？其实根据浏览器标签页的切换来改变标签页的title看到一个很有意思的HTML5事件，visibilitychange事件在当前网页在可见和不可见之间变换的时候调用，比如用户切换到其他页面。那么如何使用呢？用原生JavaScript 实现...
离开页面提示
小小程序猿
06-22 608
$(window).bind('beforeunload',function(){return '您输入的内容尚未保存，确定离开此页面吗？';});
asp.net 离开页面提示
weixin_30558305的博客
05-13 131
<script language="javascript" type="text/javascript"> function StartProgressBar() { ShowConfirmClose(false); var myExtender = $find('ModalPopupExtender1');...
页面退出时提示用户
ReViSion的专栏
04-07 1087
page_unload当服务器控件从内存中卸载时发生,不是关闭窗口还是需要用客户端的事件关闭时的方法：function window.onunload(){   alert("窗体关闭了!");}如果需要在关闭前给用户关闭提示，而且想在用户点击浏览器关闭按钮关闭时，也只有用以下的方法才能在退出时，执行事件： function window.onbeforeunload()   {     
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
10-27
为了解决这个问题，我们可以使用JavaScript来实现一个功能，当用户尝试离开页面时，会检测到未保存的信息并提醒用户保存。 首先，我们需要定义一个变量来记录页面上是否有未保存的信息。在本例中，使用了一个名为`...
js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）
10-23
这段代码会在用户尝试离开页面时弹出一个对话框，其中包含了“您的文章尚未保存！”这个提示信息。用户可以选择是否离开页面。如果用户点击“离开”，则页面卸载继续；如果用户点击“取消”，则页面不会卸载，用户...
离开页面时检测表单元素是否被修改,提示保存的js代码
10-28
总的来说，这个js代码实现了一个实用的功能，即在用户离开页面前检查并提示他们保存表单的更改。这种做法在涉及用户输入和编辑的网页应用中非常常见，因为它可以减少用户因意外丢失数据而产生的挫败感，进而提升整体...
(转载)离开页面之前执行的事件 onbeforeunload
weixin_30911809的博客
06-05 112
先保存下 然后慢慢研究 <script type="text/javascript"> var pb_strConfirmCloseMessage; var pb_blnCloseWindow = false; pb_strConfirmCloseMessage = "确实要离开该页面吗?您的文章内容还没有进行保存！按“确定”继...
el-table tooltip触发，切换页面，导致提示信息不消失悬停左上角
weixin_43861311的博客
05-24 5184
1.原因：使用tooltip，鼠标划入触发，快速切换其他页面，在当前页鼠标位置获取不到，导致悬停出现在其他位置， 2.引发操作：触发tooltip，快速切换页面，原先触发的tooltip并未被销毁，且未被display：none导致，未获取到位置，就定位到左上角 上述问题页面缓存才会出现 3.解决：在页面组件生命周期中，deactivated停用时，去设置tooltip display：none或dom元素删除 deactivated() { let list = d.
黄色宾馆网站制作资源免费
11-18
模板介绍： 黄色宾馆网站模板，风格清晰高雅，适合制作酒店，饭店、宾馆、餐厅等企业网站..... 宽度：1000px 对齐：居中 主色：黄色 结构：div+css 运行环境：asp.net2.0(或以上） 后台地址：pageadmin网站管理系统
刷新、关闭等误操作造成当前页面信息的丢失的解决方案
weixin_34177064的博客
01-06 167
有时候在编辑页面用户做修改后，可能会有刷新、关闭等误操作造成当前页面信息的丢失，何不先提醒一下用户呢? 代码 <%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="ProductEdit.aspx.cs"Inherits="Web.Admin.Product.ProductEdit"%><!DOCTYPE...
vue 表单未保存离开页面进行提醒
weixin_43839531的博客
08-30 795
// 监听form 内数据变化 弹窗关闭时 判断是保存按钮关闭还是 其他方式关闭。 // 保存按钮关闭正常调用接口即可,其他方式判断count // 如果是编辑,打开count数据为1,新增为0(这里刷新页面第一次点击新增也为1,后续解决了这个bug再更新) // 关闭后count重置为0即可。 form: { handler(val) { if (val) { this.count++ } if (!this.visible) { .
网站
weixin_42929948的博客
06-11 1492
nginx下载 https://nginx.org/en/download.html lodash中文网: https://www.lodashjs.com/ css代码生成器： enjoycss.com
记一次onbeforeunloadbody的页面关闭/卸载触发处理
PHPerJiang
09-03 453
需求背景： 同一个后台编辑页面，A编辑的时候B访问此页面，给出提示“A正在编辑”。 思路： 结合操作人、操作文章做一个键值对存进redis做标识位，过期时间为半小时，文章第一个操作的会被记录，后续操作的会提示，当第一个操作的人关闭页面时，释放redis标识。 实施： 后台加载编辑页时获取当前操作人，若是第一个则记录，前端js使用window.onbeforeunloadbody方法监听编辑页关闭/卸载，触发释放redis标识的ajax 问题： 运营、开发、产品...
怎么在用户离开或者刷新页面的时候提示用户
03-28
可以使用以下方法在用户离开或刷新页面时提示用户： 1. 使用 JavaScript 监听 window 对象的 beforeunload 事件，在事件处理函数中弹出提示框： ```javascript window.addEventListener('beforeunload', function (event) { event.preventDefault(); event.returnValue = ''; return ''; }); ``` 2. 在 HTML 中使用 onbeforeunload 属性来绑定事件处理函数： ```html <body onbeforeunload="return '确认离开？';"> ``` 注意：这种方法只能弹出带有默认提示信息的对话框，无法自定义提示信息。 3. 使用 HTML5 的 Page Visibility API，当页面隐藏时弹出提示框： ```javascript document.addEventListener('visibilitychange', function () { if (document.visibilityState === 'hidden') { alert('确认离开？'); } }); ``` 这种方法只有在页面被隐藏时才会触发，比如用户切换到另一个标签页或最小化浏览器窗口。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值