2015-03-24 3 views
-1

Все, что я ищу, это простой пример функций onunload или onbeforeunload и того, как они работают. Я в основном ищу, где он находится в html-коде и как ссылаться на javascript для него. Это не похоже на слишком сложную задачу, но мне еще нужно найти что-нибудь в Интернете, которое может это продемонстрировать.Как использовать onunload или onbeforeunload?

+3

[выгрузить] (https://developer.mozilla.org/en-US/docs/Web/Events/unload), [beforeunload] (https://developer.mozilla.org/en-US/документы/Web/События/beforeunload). –

ответ

1

Это будет просто идти в ваше тело тега как

<script type="text/javascript"> 
    function myBeforeUnloadFunction() { 
      return "Write something here"; 
    } 
    function myUnloadFunction() { 
      alert("Bye"); //onunload doesn't work the same in all browsers 
    } 
</script> 
<body onunload="myUnloadFunction()" onbeforeunload="return myBeforeUnloadFunction()"> 
+0

Работает как шарм. Я ограничен только этим сценарием, хотя могу ли я выполнять другие функции, которые не повлияли бы на пользователя? т. е. сохранение входного текста, который не был сохранен пользователем –

+0

Как возможно перед возвратным статутом? –

2

Иногда я использую beforeunload сбросить позицию прокрутки браузера. Я бы не применял его inline - лучше отделить свое мнение от вашей логики. Если это веб-сайт или небольшое приложение, я помещаю все мои события в нижнюю часть файла, а затем у меня есть приложение Object с методами, которые помогают мне сохранить все организованное и идиоматическое.

var foo = function(){}; 
    var app = { 
     ready: function(){ 
      foo(); 
     }, 
     load: function(){}, 
     beforeunload: function() { 
      $(window).scrollTop(0); 
      // return nothing to stop 'default alert' 
      return; 
     } 

    } 

$(document).on('ready', app.ready); 
$(window).on('beforeunload', app.beforeunload); 
Смежные вопросы