Блог

Сегодня у меня есть веб-сайт с html-редактором WYSIWYG,

и у меня также есть save before quit функция, так что мне нужно проверить, изменена летняя заметка или нет,

Моя идея такова: проверьте, изменены ли название и текст статей или нет.

И поток будет таким:

1. пользователь вводит что-то или ничего не вводит.
2. пользователь нажимает на другую гиперссылку / кнопку или случайно переходит на другой веб-сайт.
3. проверьте, были ли изменены название и текст статей или нет.

3-1. если текст был изменен, система предупредит пользователя: «Что-то изменилось, вы действительно хотите уйти без сохранения?»

3-2. если ничего не изменилось, система напрямую отправит пользователя туда, куда он хочет.

Если один из них был изменен, независимо от изменения заголовка или текста, система предупредит пользователя.

И теперь я закончил функцию проверки заголовков, но в то же время я не могу выполнить ее для проверки текста.

Вот код:

 $('textarea,input').on('keypress change input', function() {
    changes = true;
});
$('form').on('submit', function () {
    changes = false;
});

$(window).on('beforeunload', function () { 
    if (changes) return "Do you really want to leave?"; 
}); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea name="text" class="TextEditor2" id="rule-text"></textarea>