javascript - 所见即所得的summernote html编辑器获取按键/更改/输入事件

Question

今天我有一个带有 WYSIWYG html 编辑器的网站，

而且我还有一个save before quit功能，所以我需要检查summernote是否被更改，

我的想法是：检查文章的标题和文字是否更改。

流程将是这样的：

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>

标签： javascripthtmlcss