如何在javascript中按下后退按钮时显示警报消息

How to have an alert message if back button is pressed in javascript?

本文关键字：按钮 显示 消息 javascript      更新时间：2023-12-22

我在一个表单中有很多输入，我只想在编辑输入字段后打开一个警报弹出窗口。我该怎么办？

我以前所做的是，每当我打开编辑页面时，我只是检查长度，如果它大于零，我就会发出警报。

但现在，我只需要在按下任何键并按下后退按钮时保持警惕。有什么解决办法吗？

当页面/文档第一次加载时，创建一个变量来跟踪各个输入字段的当前状态，例如

CCD_ 1。

当用户按下任何输入字段上的任何键时（使用事件侦听器进行检查，或者如果使用jquery，则使用keydown事件），会将unsaved更改为true。在onbeforeunload中，检查未保存的==是否为true，如果为true，则显示您的警报。

如果使用jQuery，您可以执行以下操作：；

$(document).ready(function(){
  // put this next variable in the global scope (window.) so you can
  // access it from unload
  window.unsaved == false; 
  $('input').keydown(function(){
    window.unsaved == true;
  })
})
$( window ).unload(function() {
  if(window.unsaved == true){
    alert('You have unsaved work.');
  }
});
相关文章：