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
This isn't Chrome, it's something else (that is telling Chrome to do this), possibly rails-ujs, though I don't remember if that existed in Rails 3 (which is really old at this point) or whether this would have been default configuration. Basically, there should be some gem or something that is doing this, and you can probably tell it not to, but without more information I'm not able to guess what's doing it, and you probably do not just want to do something like blanket intercept all beforeunload and cancel them because that could affect other things. — cesoid, May 26 '23 at 14:52

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

16

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

512
1
6
21

4

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

Set it to an empty function:

window.onbeforeunload = () => {}

edited Dec 26 '18 at 14:34

Kos

4,890
9
38
42

answered Mar 01 '18 at 12:01

Marian Zburlea

9,177
4
31
37

score 2 · Answer 3 · 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,890
9
38
42

answered Apr 05 '18 at 08:31

Bowen Li

387
1
8

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,890
9
38
42

answered Apr 02 '18 at 13:56

Katta Nagarjuna

1,539
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

153
1
11

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,276
2
32
53

answered Jul 16 '21 at 12:50

Naddy

1

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

6 Answers6

Linked