Internet Explorer вызывает window.onbeforeunload в window.open и вызывает AJAX
-
11-09-2019 - |
Вопрос
Хорошо, я потратил некоторое время на эту проблему, и вот что я собрал:
Если вы выполняете AJAX-вызов в IE7 и у вас указана функция window.onbeforeunload, она вызывает функцию onbeforeunload .
Если вы попытаетесь открыть новое окно с помощью window.open, НЕ нарушая работу текущего окна, будет вызвана onbeforeunload .
Кто-нибудь знает, как это остановить?Я даже попытался установить переменной значение TRUE и проверить эту переменную в моей функции onbeforeunload, и она по-прежнему не работает!Мне просто нужно иметь возможность остановить выполнение этого метода для вызовов AJAX и новых вызовов window.
Решение
Другой и, возможно, более простой вариант — вернуть false при открытии всплывающего окна:
<a onclick="window.open(...); return false;" href="javascript:;" >my link</a>
Кажется, это мешает IE думать, что вы покидаете страницу, и запускать событие.Все остальные варианты мне показались не очень приемлемыми.
Другие советы
Хорошо, у меня возникла эта проблема.У меня есть (довольно грязный) обходной путь.
В моем случае я хочу иногда блокировать навигацию, а не другие.
Итак, я устанавливаю в окне флаг, сообщающий мне, хочу ли я его заблокировать.Итак, где вы выполняете window.open, непосредственно перед этим выполните «window.allowExit=true», затем в onbeforeunload проверьте window.allowExit = true.
У меня есть Java-скрипт (SHowHelp), который запускается по ссылке:
<a href="javascript:ShowHelp('argument')" >HERE</a>
onbeforeunload вызывается ДО ShowHelp, поэтому я использовал onclick, чтобы установить флаг
<a onclick="window.allowExit = true;" href="javascript:ShowHelp('argument')" >HERE</a>
Некрасиво как грех, но, кажется, работает!
Это не решение, а объяснение для всех, кому это интересно.Я только что провел быстрый тест в IE 7, и он запускает событие onebeforeunload при каждом нажатии на ссылку, если только HREF не переходит куда-то на ту же страницу:т. е.если только он не содержит #.Итак, я предполагаю, что инженеры IE думали, что когда кто-то нажимает на ссылку, которая не ведет куда-то еще на странице, то он, должно быть, покидает страницу, и в этом случае страница вот-вот выгрузится.Излишне говорить, что с таким мышлением связаны очевидные проблемы.
Я решил, что вам просто нужно отключить функцию window.onbeforeunload, прежде чем что-либо делать, а затем вернуть ее, когда закончите.
Я только что отключил эту функцию в IE.
У меня была та же проблема: в моем случае все запросы исходят от вызова ajax, это упрощает решение, потому что, когда я исправил проблему с помощью стандартной кнопки, я выполнил рекурсивную функцию, чтобы перенаправить все клики на мою централизованную функцию, а затем отправить правильный щелчок.Я также копирую решение для проблемы ajax-вызова, поддерживающего href.Это решение позволяет избежать возврата на предыдущую страницу.Поместите код в файл с именем Backbutton, JS Любой комментарий Напишите по адресу mparma@usa.net с темой:кнопка возврата Javascript
<!-- backbutton developed by Manuel Parma 2011-06-10 -->
<!-- email: mparma@usa.net -->
<!-- Add the next line into the <body> section as a first line -->
<!-- <script type="text/javascript" src="<path>/backbutton.js"></script> -->
<!-- Address used when backtoLogin is 1 or when there is not previous page from site -->
var returningAddress = "http://my returning address"
<!-- Message to display when an external action (back button, forward button, backspace) move without press the application buttons -->
var backButtonMessage = "Using the browser's Back button may cause a loss in data. Please use the Back and Continue buttons at the bottom of the form."
<!-- 0=no / 1=yes (assume per default that the back button will be pressed -->
<!-- and come into action if this was NOT the case) -->
var backButtonPressed = 1;
<!--This var when is setted to 1 avoid to captureEvent set backbuttonPressed to 1, otherwise unload event cannot detect the right state of backButtonPressed-->
var onbeforeunloadeventFired = 0;
<!--Indicate to logic back to first page (login) when its value is 1 otherwise the logic back to previous page out of the site-->
var backtoLogin = 0;
var DoPostBackWithOptionsHook = null;
var DoPostBackHook = null;
<!-- Check the previous status -->
if (window.name == ""){
<!-- When window.name is empty, this is indicating the first call of site -->
window.name = "L0001";
}
else {
if (window.name == "L0000_back"){
<!-- In this condition the page is returning after a foward button press -->
setBackButton(0);
window.name = "";
<!-- the system reload the page to clean the data -->
window.location.href = returningAddress;
}
else {
if (window.name.indexOf("_back") > 4){
<!-- when the word back is present, the previous call is sending a message that the back button was pressed and the site is going out -->
<!-- get the internal counter -->
var sLastValue = modifynamevalue(0);
<!-- set the count to go back -->
var iCountBack = -(sLastValue * 1);
if (backtoLogin == 1) {iCountBack++;};
if (window.history.length - 2 < -iCountBack) {
iCountBack = -(window.history.length - 2);
}
<!-- the site is flag that first page needs to reload -->
window.name = "L0000_back";
setBackButton(0);
<!-- the site is returning to the first page or previous -->
window.history.go(iCountBack);
}
else {
<!-- increase the internal counter -->
var sLastValue = modifynamevalue(+1);
window.name = "L" + sLastValue;
}
}
}
<!-- Set the events needed to manage the back and forwar button situations -->
$(document).ready(function(){
if (typeof(Sys) == "object") {
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequest);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest);
window.onbeforeunload = onbeforeunloadEvent;
window.onunload = unloadEvent;
DoPostBackWithOptionsHook = WebForm_DoPostBackWithOptions;
WebForm_DoPostBackWithOptions = WebForm_DoPostBackWithOptionsHook;
doPostBackHook = __doPostBack;
__doPostBack = __doPostBackHook;
}
});
function WebForm_DoPostBackWithOptionsHook(options) {
setBackButton(0);
return DoPostBackWithOptionsHook(options)
}
function __doPostBackHook(eventTarget, eventArgument) {
if (backButtonPressed == 1) {
setBackButton(0);
}
return doPostBackHook(eventTarget, eventArgument)
}
function beginRequest(sender, args) {
setBackButton(0);
<!-- setting onbeforeunloadeventFired = 1 I take care to avoid anyone changed the Backbutton until endrequest -->
onbeforeunloadeventFired = 1;
}
function endRequest(sender, args) {
onbeforeunloadeventFired = 0;
setBackButton(1);
}
<!-- unload event handler -->
function unloadEvent(evt) {
<!-- double coundition using onbeforeunloadeventFired == 1 garantee avoid problemas with redirect operations -->
if ((backButtonPressed == 1) && (onbeforeunloadeventFired == 1)) {
<!-- decrement the internal counter -->
var sLastValue = modifynamevalue(-1);
window.name = "L" + sLastValue + "_back";
}
if (DoPostBackWithOptionsHook !== null) {
WebForm_DoPostBackWithOptions = DoPostBackWithOptionsHook;
};
if (doPostBackHook !== null) {
__doPostBack = doPostBackHook;
};
}
<!-- on before unload -->
function onbeforeunloadEvent(evt) {
onbeforeunloadeventFired = 1;
if (backButtonPressed == 1) {
return backButtonMessage;
};
}
<!-- used to set right backButtonPressed-->
function setBackButton(value){
if (value == 0) {
backButtonPressed = 0;
}
else {
if (onbeforeunloadeventFired == 0) {
backButtonPressed = 1;
}
}
}
<!-- increment and decrment the internal counter stored into windows.name -->
function modifynamevalue(iIncrement){
var iCount = (window.name.substring(1, 5) * 1) + iIncrement;
if (iCount < 0) {
iCount = 0;
}
var sNewValue = iCount.toString();
sNewValue = "0000".substring(0, 4 - sNewValue.length) + sNewValue;
return sNewValue;
}
Sid_M сказал верную точку зрения: с таким дизайном браузера мы должны соответствующим образом разрабатывать наше приложение.
Зачем использовать тег привязки и href для всплывающих окон, просто используйте метод onclick в метке или даже теге td и вызовите window.open
Простой пример из одного из моих приложений
<td class="popuplink" onMouseOver="this.style.cursor='hand'" onclick="javascript:openMe('img/howitworks.png', 'pndpopup', 600,650)"><u> How it works</u></td>
вы пытались удалить обработчик из события onbeforeunload перед вызовом window.open?Это может помочь, но я никогда не проверял это.
Это вполне возможно решит вашу проблему!
Потому что у меня была похожая проблема, и это решило проблему!
window.onbeforeunload = warnFunction;
var warnRequired = true;
function warnFunction () {
if (warnRequired) return ("Please Stay! Don't go!");
return ;
}
И всякий раз, когда я вызываю Ajax или открываю другое окно, я просто устанавливаю для alertRequired значение false.
Еще одна вещь: при выполнении вызова Ajax помните, что он синхронизирован, иначе переменная, возможно, еще не установлена!(Отвратительная ошибка!)