JavaScript编辑提示

Question

我创造，我有当用户想要从页面导航显示的编辑提示的Web应用程序。

我只想表明这当用户编辑了该网页上的一些价值，他不保存更改，则提示，询问“是否要保存更改？”。否则，如果他保存，则不会出现提示。

编辑提示类似于MICROSOFT WORD/EXCEL，通知您您正在进行更改，是否希望继续。

请迅速给解决？

Answer 1

你可以把一个监听表单字段中的任何改变。改变任何你可以设置脏标志的东西。保存后您可以重置相同的内容。

然而，参考jQuery的。它可能有内置的东西。

Answer 2

你可以使用onbeforeunload：因为它是基于微软的东西发明和其他人只是把它抄了https://developer.mozilla.org/en/DOM/window.onbeforeunload

但是支持是有限的。在不支持此事件的浏览器中无法做到您想要的功能。

Answer 3

从我的答案复制到这个问题的第一个副本：Editing prompt in javascript

你需要使用change事件在所有输入检测用户所做的任何更改。此事件不会冒泡，因此您需要将其分别附加到每个输入。然后，你需要使用beforeunload事件ONF的window对象来提示用户。 [编辑在javascript提示]的

<script type="text/javascript"> 
    var anythingEdited = false; 

    function inputChanged() { 
     anythingEdited = true; 
    } 

    window.onbeforeunload = function(evt) { 
     if (anythingEdited) { 
      evt = evt || window.event; 
      evt.returnValue = "You have edited something. If you click OK, your changes will be lost."; 
     } 
    }; 
</script> 

First name: <input type="text" id="firstName" name="firstName" onchange="inputChanged();">