Редактирование подсказки в javascript

Question

В моем веб-приложении у меня есть страница с несколькими входными значениями, и я хочу подтвердить, что пользователь хочет покинуть страницу, если пользователь пытается выйти с введенной несохраненной информацией (аналогично подсказкам при выходе из Microsoft Word снесохраненные изменения в документе).Я хотел бы отобразить пользовательское сообщение в виде строки «Вы внесли изменения, которые не были сохранены. Вы действительно хотите покинуть страницу?»Как я могу сделать это?

Answer 1

Вам нужно будет использовать событие change на всех ваших входах, чтобы обнаружить любые изменения, сделанные пользователем. Это событие не всплывает, поэтому вам нужно прикрепить его к каждому входу отдельно. Затем вам нужно будет использовать событие beforeunload объекта window, чтобы запросить у пользователя.

<script type="text/javascript">
    var anythingEdited = false;

    function inputChanged() {
        anythingEdited = true;
    }

    window.onbeforeunload = function(evt) {
        if (anythingEdited) {
            evt = evt || window.event;
            evt.returnValue = "You have edited something. If you click OK, your changes will be lost.";
        }
    };
</script>

First name: <input type="text" id="firstName" name="firstName" onchange="inputChanged();">