如果在javascript中按下“后退”按钮,如何显示警报消息?

巴努

我在表单中有很多输入,并且仅在编辑输入字段后才想打开一个警报弹出窗口。我该如何管理?

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

但是现在,只有当我按任意键并按“后退”按钮时,我才需要获得警报。有什么解决办法吗?

刘易斯

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

window.unsaved = false

当用户按下任何你输入字段的任何键(检查使用此事件侦听器,或者如果你使用jQuery,通过使用keydown事件),改变unsavedtrue在中onbeforeunload,检查是否未保存== 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.');
  }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如果在javascript中按下“后退”按钮,如何显示警报消息?

来自分类Dev

如果在 Swift 3 中未选择 CollectionView 单元格,如何显示警报?

来自分类Dev

如果在ajax调用过程中显示警报窗口会怎样?

来自分类Dev

在PHP中按下后退按钮时如何停止显示警告框?

来自分类Dev

如果在AppleScript中按下按钮,如何使事情发生

来自分类Dev

如果在单击按钮时显示警告消息,则不显示更新的搜索结果列表

来自分类Dev

如何获取单选按钮以显示警报消息

来自分类Dev

如果目标操作失败,如何在按钮中显示警报对话框

来自分类Dev

如果目标操作失败,如何在按钮中显示警报对话框

来自分类Dev

如果按下“后退”按钮,则显示选定的按钮

来自分类Dev

如果选择了单选按钮,则显示警报

来自分类Dev

如果选择了单选按钮,则显示警报

来自分类Dev

如果在db查询中没有返回结果,如何显示消息

来自分类Dev

如果在 console.log 中成功获取数据,如何显示成功消息?

来自分类Dev

如果在HTML / Javascript中单击了按钮,是否可以显示完全不同的用户界面?

来自分类Dev

如何在Excel VBA中显示警报消息?

来自分类Dev

如何使用swt显示警报消息?

来自分类Dev

如何使用swt显示警报消息?

来自分类Dev

ruby on rails,如果在浏览器中单击后退按钮,则重定向

来自分类Dev

如果在模式中单击“保存”按钮,如何检查和传递变量?javascript

来自分类Dev

如果变量重复,如何显示警报?

来自分类Dev

如果在Unity中满足条件,如何显示图像

来自分类Dev

如果在AngularJS中单击按钮后未选择任何值,如何给出错误消息

来自分类Dev

Kivy如果在特定时间内按下按钮,请执行此操作

来自分类Dev

如果在angularjs中找不到数据,如何在数据表中显示空消息

来自分类Dev

如果没有数据波动,如何显示警报消息

来自分类Dev

如果在按下按钮的同时按住键盘键,则引导程序会显示不同的模式

来自分类Dev

如果在按下按钮的同时按住键盘键,Bootstrap会显示不同的模式

来自分类Dev

显示警报消息:在 OK 按钮上单击 RedirectToAction

Related 相关文章

  1. 1

    如果在javascript中按下“后退”按钮,如何显示警报消息?

  2. 2

    如果在 Swift 3 中未选择 CollectionView 单元格,如何显示警报?

  3. 3

    如果在ajax调用过程中显示警报窗口会怎样?

  4. 4

    在PHP中按下后退按钮时如何停止显示警告框?

  5. 5

    如果在AppleScript中按下按钮,如何使事情发生

  6. 6

    如果在单击按钮时显示警告消息,则不显示更新的搜索结果列表

  7. 7

    如何获取单选按钮以显示警报消息

  8. 8

    如果目标操作失败,如何在按钮中显示警报对话框

  9. 9

    如果目标操作失败,如何在按钮中显示警报对话框

  10. 10

    如果按下“后退”按钮,则显示选定的按钮

  11. 11

    如果选择了单选按钮,则显示警报

  12. 12

    如果选择了单选按钮,则显示警报

  13. 13

    如果在db查询中没有返回结果,如何显示消息

  14. 14

    如果在 console.log 中成功获取数据,如何显示成功消息?

  15. 15

    如果在HTML / Javascript中单击了按钮,是否可以显示完全不同的用户界面?

  16. 16

    如何在Excel VBA中显示警报消息?

  17. 17

    如何使用swt显示警报消息?

  18. 18

    如何使用swt显示警报消息?

  19. 19

    ruby on rails,如果在浏览器中单击后退按钮,则重定向

  20. 20

    如果在模式中单击“保存”按钮,如何检查和传递变量?javascript

  21. 21

    如果变量重复,如何显示警报?

  22. 22

    如果在Unity中满足条件,如何显示图像

  23. 23

    如果在AngularJS中单击按钮后未选择任何值,如何给出错误消息

  24. 24

    Kivy如果在特定时间内按下按钮,请执行此操作

  25. 25

    如果在angularjs中找不到数据,如何在数据表中显示空消息

  26. 26

    如果没有数据波动,如何显示警报消息

  27. 27

    如果在按下按钮的同时按住键盘键,则引导程序会显示不同的模式

  28. 28

    如果在按下按钮的同时按住键盘键,Bootstrap会显示不同的模式

  29. 29

    显示警报消息:在 OK 按钮上单击 RedirectToAction

热门标签

归档