在线等！急救！！beforeunload事件问题！大神救救我！

子如溪 2016-08-24 03:34:02

期望目标：
点击浏览器关闭按钮，或者页签关闭按钮，弹出确认关闭的提示。
遇到的问题：
无法排除网页刷新的情况，（就是点击刷新按钮也会触发beforeunload事件）

希望大神帮我解决一下，是否有比beforeunload更优的解决方案，或者有排除刷新页面的方案。

...全文

617 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

子如溪 2016-08-24

打赏
举报

谢谢 @天际的海浪，我不考虑按钮刷新情况了。。。。

子如溪 2016-08-24

打赏
举报

@天际的海浪恩等了一会他那个刷新也会出来。。。。。

子如溪 2016-08-24

打赏
举报

@天际的海浪我点击刷新貌似没有弹出来啊，而且老板点的时候也没刷出来。。。这是关键。。。。F5刷新之类的可以通过监听keycode来实现，这倒没什么。。关键就是那个按钮刷新，哎。

天际的海浪 2016-08-24

打赏
举报

.他这个只能判断是按F5 或 crtl+R 的键盘操作的刷新方法无法判断鼠标点击操作的刷新方法

子如溪 2016-08-24

打赏
举报

@天际的海浪 http://www.tmart.com/users/cart.html 这家的也可以

子如溪 2016-08-24

打赏
举报

@天际的海浪就是购物车页面，你准备付款的那里。

天际的海浪 2016-08-24

打赏
举报

check out页面在哪？没看到啊

子如溪 2016-08-24

打赏
举报

有一种痛苦叫做别人为什么可以。。。。。

子如溪 2016-08-24

打赏
举报

楼上的@天际的海浪你看看这个http://www.romwe.com/网页的check out页面它做到了不过他们网站比较慢要多等一会它的js都加载结束

天际的海浪 2016-08-24

打赏
举报

无解！！！目前没有区别关闭与刷新的办法

子如溪 2016-08-24

打赏
举报

不要沉啊，快来人啊。

卸载前React React组件和钩子，侦听窗口事件。用法 useBeforeunload挂钩（推荐） useBeforeunload ( handler ) ; 参数 handler函数来调用BeforeUnloadEvent时beforeunload事件。例子 import { useBeforeunload } from 'react-beforeunload' ; const Example = ( props ) => { const [ value , setValue ] = useState ( '' ) ; useBeforeunload ( ( event ) => { if ( value !== '' ) { event . preventDefault ( ) ; } } ) ; return ( < in

beforeunload 指在页面卸载前提供的最后一次JS执行的机会

卸载前请求一个统一的 API，用于在beforeunload上可靠地发送数据。为什么通常需要在页面关闭之前将数据发送到服务器。在这种情况下不能保证发送异步 XHR 请求，因此传统开发人员使用同步 XHR 请求。然而，由于beforeunload上的同步 XHR 请求导致糟糕的用户体验，。同步 XHR 有替代方案（和 with ），但这些新 API 有自己的一组怪癖和。该库将所有可用方法统一到一个 API 中，以防止常见陷阱（请参阅）。安装 $ npm install beforeunload-request 用法 import beforeunloadRequest from 'beforeunload-request'; const success = beforeunloadRequest(url, options); 参数选项描述默认 url 将请求

beforeunload.js 原料药 BeforeUnload . enable ( # Only gets triggered if this returns truthy if : -> inputHasChanged # The warning message that is displayed message : " You have entered data that is not yet saved. " # If triggered by Turbolinks, call this function instead # of displaying the warning message. Returning `false` from # this function will still show the BeforeUnload alert.

1. 原因许多入前端不久的人都会遇到 removeEventListener 无法清除监听的情况，这是由于要移除事件句柄，addEventListener() 的执行函数必须使用外部函数，如上实例所示 (myFunction)。匿名函数，类似 “document.removeEventListener(“event”, function(){ myScript });” 该事件是无法移除的。而在很多情况下我们需要句柄回调的传参，又需要其他传参时免不了使用句柄，这个时候我们需要写一个方法去替代这个回调，以下是解决方式，写了一个addListener 函数在 addEventListene

JavaScript

87,917

社区成员

224,617

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章