javascript - 撤消/重做从 DOM 中删除元素

Question

我有一个应用程序，用户可以在其中绘制元素、删除元素、移动元素、调整元素大小等。我希望能够撤消/重做应用程序中的几乎每一个操作，而无需刷新页面。

例如，当我通过按退格键删除一个元素时，我希望能够通过按“CMD+Z”撤消该操作，并通过按“CMD+Shift+Z”重做该操作。

JS

// Remove selected element
$(window).keydown(function(e) {
  if (e.keyCode == 8) {
      $(".ui-selected").remove();
      return false;
  }
});

我需要一个可以重复用于应用程序中几乎每个操作的解决方案。我不确定这是否能提供解决方案，但我将所有这些更改存储在本地存储中 jStorage .

Answer 1

大多数情况下，这是使用命令模式完成的，其中每个“do”命令都有一个“undo”命令存储在数组中，并且向后和向前遍历会调用这些命令。

http://jsperf.com/undo-redo有一个带有性能基准的撤消脚本列表。我没有使用过其中任何一个，因为不久前我写https://github.com/ArthurClemens/Javascript-Undo-Manager时我也很想挠痒痒。 .