如何检测textarea或输入type =“ text”编辑？

Question

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

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

现在，如果已修改任何textarea或输入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.';