How to disable/override "Do you want to leave this site?" alert?

Question

I've a form in a pop-up, which is loaded by AJAX call. It is built using form_for tag of RoR. Even if I don't modify any field in it and try to navigate to another page, following alert is shown by chrome.

I want to disable this alert box. Is it possible? If yes, how?

I've already tried this, but it is not valid anymore.

Following are the environment settings,

Ruby version = 1.9.3
Rails version = 3.1.4
Chrome version = 52
jQuery version = 1.10.2

I'm not calling it. Chrome is by default throwing this error. It comes when I'm opening the form, otherwise everything is going great. — Abhishek, Aug 06 '16 at 07:29

score 14 · Answer 1 · answered Dec 20 '16 at 00:48

14

Alert is displayed because somewhere on your code, you are overriding the window before unload event, and when you try to close the window, the event fires. Try disallow this event putting up this on your code:

window.onbeforeunload = null;

answered Dec 20 '16 at 00:48

Federico Saenz

462
1
5
20

3

but this will remove all the `onbeforeunload` events. I want to run code which I've specified in `onbeforeunload` event, but not chrome's version – Abhishek Dec 22 '16 at 07:00
1

Can't you override that function? – Khom Nazid Sep 26 '18 at 00:13
1

`window.onbeforeunload = yourCustomFunction;` should work – éclairevoyant Nov 06 '18 at 03:42

score 2 · Answer 2 · edited Dec 26 '18 at 14:34

2

You can hook in any other function inside the beforeunload handler:

window.addEventListener("beforeunload", function(e){
    yourCustomFunction();
});

edited Dec 26 '18 at 14:34

Kos

4,483
8
35
39

answered Apr 05 '18 at 08:31

Bowen Li

367
1
8

score 1 · Answer 3 · edited Dec 26 '18 at 14:34

1

Set it to an empty function:

window.onbeforeunload = () => {}

edited Dec 26 '18 at 14:34

Kos

4,483
8
35
39

answered Mar 01 '18 at 12:01

Marian Zburlea

8,631
4
30
37

score 0 · Answer 4 · edited Dec 26 '18 at 14:34

0

Enclose your form tag inside div like this:

<div class="col-xs-12 no-padding"><form role="form" class="form-horizontal pad10-top" id="" onSubmit="return false;"> ...</form></div>

edited Dec 26 '18 at 14:34

Kos

4,483
8
35
39

answered Apr 02 '18 at 13:56

Katta Nagarjuna

1,520
2
12
12

score 0 · Answer 5 · answered Apr 16 '21 at 08:27

0

You can try this as well.

$(window).off('beforeunload');

answered Apr 16 '21 at 08:27

TauFeeQ

133
1
9

score 0 · Answer 6 · edited Jul 16 '21 at 22:09

0

adding this line got me through

window.addEventListener("beforeunload", function (e) { return true; });

edited Jul 16 '21 at 22:09

dersvenhesse

6,015
2
28
50

answered Jul 16 '21 at 12:50

Naddy

1

How to disable/override "Do you want to leave this site?" alert?

6 Answers6

Linked