php离开界面监听,js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）...

本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)。分享给大家供大家参考。具体如下：

用户离开页面前，提示是否离开此页面(包括浏览器按钮事件)

window.onbeforeunload = function(){

return "您的文章尚未保存！";

}

如果在退出页面时需要弹出对话框，提示用户将要退出页面，类似当设置某个功能时而没有保存页面。这个实现的方法比较简单，最常见的就是使用unload事件，但这种实现有一个缺点，就是不管同意与否，结果还是一样，会退出页面，因此，如果要弹出对话框，就有用户可选择的空间，如果确定则退出，否则就不关闭页面

这里推荐使用onbeforeunload()事件，意思就是在加载unload事件前执行的方法，使用如下：

window.onbeforeunload = function(){

return "必您确定要退出页面吗？";

}

这样就会弹出一个对话框，只有确认将会退出页面。

window.onbeforeunload可结合jQuery实现当用户设置页面而没有保存的提示效果，也就是如果已保存则不应该提示出对话框，可使用如下方法，当不需要

提示对话框：

window.onbeforeunload = function(){

return;

}

这样就会直接退出页面，而不会弹出任何对话框。

结合jQuery实现Javascript退出页面弹出对话框就是结合上面两种方法，当页面满足某种情况后，如果需要弹出对话框则弹出，否则不弹出对话框，这样就非常的方便，jQuery有自身的unload方法，但同样不能实现返回，只有一种结果，那就是退出页面，因此，结合window.onbeforeunload 将能实现一个退出页面弹出对话框的功能。

PS：这里再为大家提供一个关于JS事件的在线工具，归纳总结了JS常用的事件类型与函数功能：

javascript事件与功能说明大全：

希望本文所述对大家的javascript程序设计有所帮助。

php离开界面监听,js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）...相关推荐

html离开页面时,js实现用户离开页面前提示是否离开此页面的方法（包括浏
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) 如果在退出页面时需要弹出 ...
用户关闭页面前提示，提醒保存内容 Window 的 unload onunload onbeforeunload 事件
用户关闭页面前提示,提醒保存内容 Window 的 unload onunload onbeforeunload 事件在线测试例子: http://kylebing.cn/test/unload-e ...
【js监听报错】页面监听js报错问题
<html> <head> <script type="text/javascript">// 页面监听js报错问题 οnerrοr=handl ...
java连接数据库12514_ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务的解决方法...
早上同事用PL/SQL连接虚拟机中的Oracle数据库,发现又报了"ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务"错误,帮其解决后,发现很多人遇到过这样的问 ...
windows7 ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务的解决方法
windows7 ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务的解决方法参考文章: (1)windows7 ORA-12514 TNS 监听程序当前无法识别连接描述符中请求 ...
监听js变量的变化_Node.js从零开始——事件、系统和流
毕竟不是一个真正的教程,这里主要还是以普及和介绍为主,所以这一部分就是 Node.js 的其他部分介绍了,主要也就是事件触发.操作系统以及流的知识. 1 事件触发器因为我们之前在浏览器中使用 Jav ...
html鼠标离开点击停留,Javascript DOM事件操作小结(监听鼠标点击、释放，悬停、离开等)...
本文实例总结了Javascript DOM事件操作.分享给大家供大家参考,具体如下: 使用JavaScript可以对HTML页面上的各种事件进行监听,如鼠标点击/释放,鼠标悬停/离开,等等. 效果图: ...
android webview 监听js,Android webview与js的数据交互
项目要用到Webview和js交互,查了查以前的项目感觉还是有必要整理下的. 简单描述下项目中用到的地方,比如说在web页需要用到登录的地方点击登录跳转到APP原生登录界面去登录,点击web页的拨打电 ...
html5中页面关闭事件监听,JS针对浏览器窗口关闭事件的监听方法集锦
本文实例总结了JS针对浏览器窗口关闭事件的监听方法.分享给大家供大家参考,具体如下: 方式一:(适用于IE浏览器,而且刷新不提示,只在点击浏览器关闭按钮的时候提示) window.οnbefοreun ...

php离开界面监听,js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）...

php离开界面监听,js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）...相关推荐

最新文章

热门文章