javascript - 如何检测文本区域或输入类型="text"编辑？

Question

我使用此代码片段来防止用户意外离开编辑页面:

var warning = false;
window.onbeforeunload = function() {
  if (warning) {
    return '';
  }
}

现在，如果任何文本区域或输入 type="text"已被修改，我想将变量警告设置为 true，我想使用 onkeyup 事件，例如:

document.getElementById('textarea_id').onkeyup = function() {
    warning = true;
}

但是它不起作用。不太想在这方面使用 jQuery。有什么见解吗？

更新:

改为:

var warning = false;
window.onbeforeunload = function() { 
  if (warning) {
    return 'You have unsaved changes.';
  }
}
document.getElementById('textarea_id').onkeyup = function() {
    warning = true;
}

但它仍然不起作用。

顺便说一句，它被放在页面的 中。其他地方没有 javascript。

Answer 1

仅当 onbeforeunload 事件的返回值不等于 false 时才使用它。

将 return ''; 更改为

return 'You have unsaved changes.';