在我的Web應用程序中,我有一個包含多個輸入值的頁面,並且想要確認用戶想要離開頁面(如果用戶嘗試使用未保存的信息輸入)(類似於提示退出Microsoft Word時文檔上未保存的更改)。我想要顯示一條自定義信息:「您所做的更改尚未保存,您是否真的想離開頁面?」我怎麼能這樣做呢?在javascript中編輯提示
回答
您需要在所有輸入中使用change
事件來檢測用戶所做的任何更改。此事件不會冒泡,因此您需要將其分別附加到每個輸入。然後,您需要使用window
對象的beforeunload
事件來提示用戶。
<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();">
它不能正常工作,先生。 Onbefore負載的Defalut消息也來了。我想顯示自己的自定義消息。但它也顯示默認消息 – 2010-07-30 04:48:24
不幸的是,它是不可能實現你想要的。您可以按照上圖所示添加自己的消息,但無法防止默認消息出現。 – 2010-07-30 08:20:50
Tim Down是正確的,瀏覽器添加了這個默認的消息,因爲垃圾郵件發送者曾經使用自定義消息來誘騙用戶留在網站上。 – nwellcome 2011-09-15 15:59:08
- 1. JavaScript編輯提示
- 2. 如何編輯提示值
- 3. Jquery工具提示編輯
- 4. Android:編輯文本提示
- 5. 以編程方式在android中設置編輯文本提示?
- 6. 在多語言編輯器/註冊表編輯器中更改提示
- 7. jqGrid行編輯自定義編輯動作工具提示
- 8. 協作編輯LaTeX文檔的提示
- 9. 通過Foursquare API刪除/編輯提示?
- 10. popover可編輯的工具提示
- 11. 設置工具提示編輯
- 12. 編輯器備用提示消息
- 13. unicode文本編輯器的提示
- 14. 引導提示與X-編輯插件
- 15. 在編輯文本框中提示的自定義位置。
- 16. 在編輯器中創建智能感知 - 如何?提示?
- 17. 在CDE儀表板中編輯工具提示
- 18. Sharepoint - 在javascript中顯示錯誤編輯newform.aspx(wss 3.0)
- 19. 如何讓JavaScript在編輯器中顯示?
- 20. JavaScript智能在ACE編輯
- 21. 如何在Sitecore體驗編輯器中顯示「編輯圖像」?
- 22. 在html中編輯javascript屬性
- 23. 如何在瀏覽器中編輯Javascript?
- 24. 在Firefox中編輯JavaScript代碼
- 25. 在CK編輯器中的javascript
- 26. 在Chrome中評估實時javascript編輯?
- 27. 如何在JavaScript中編輯CSS樣式?
- 28. 在Chrome中實時編輯Javascript,例如在Visual Studio中編輯並繼續
- 29. 顯示和編輯ListView中
- 30. javascript page title編輯
確定soory爵士這樣的:但請給編輯提示 – 2010-07-28 07:50:03
的解決方案,我需要它立即 – 2010-07-28 07:50:32