2013-05-15 49 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