2013-05-15 76 views
-5

我想使用javascript爲我的Web應用程序創建撤消按鈕。有人可以請幫助。基本上我有一個Web應用程序,它具有繪圖,圖像效果和拖放等功能。這些功能在一個畫布上執行。我需要的只是一個#Undo按鈕,如果我犯了一個錯誤,我可以向後退一步。我不能使用Jquery。我正在尋找一個純粹的JavaScript來實現該功能。撤銷按鈕Html5 JavaScript

+1

[在Web應用程序中實現撤消](http://stackoverflow.com/questions/6386743/implementing-undo-in-a-web-app)。 – Vucko

+1

歡迎來到計算器!看看這個:http://mattgemmell.com/2008/12/08/what-have-you-tried/ –

+0

嘗試以更詳細的方式重寫你的問題。澄清你所遇到的問題並展示你解決它們的企圖。 –

回答

1

取決於您的Web應用程序,但不應該這樣做?

<button type="reset">Click Me!</button> 

或JS:

<a href="javascript:document.Testform.reset()">Reset Form</a> 
+0

我得到了圖像效果,並在畫布內繪畫,所以任何動作都是我要向前移動一步 –

+0

這不就是你想要的嗎? [如何清除畫布重繪](http://stackoverflow.com/questions/2142535/how-to-clear-the-canvas-for-redrawing) –

2

您還沒有給出太多信息,所以我會做出假設。

  1. 假設1:所有你用戶繪畫的交互被記錄在一個數組。
    如果這是真的,那麼簡單地清除畫布和重繪該數組中的相互作用interactionArray.length -1;

  2. 假設2:您使用多個畫布。
    如果這是真的,請隱藏/移除最後(最頂部)的畫布元素。

如果您不使用這兩種方法中的任何一種,也許可以查看這些方法。或者給我們提供更多關於您當前使用的方法的信息。

注意:當然不是唯一包含「撤消」功能的方法!

+0

真是個好主意!我原本以爲每一個按鈕都是逆向工程,但是你的想法更有意義,謝謝分享! – DIZAD