javascript - JS UNDO DOM 修改

Question

是否可以撤消上一次 DOM 修改？

我试图记住任何更改后的状态

undoArray = [ $("#container").clone() ];

//some situation when dom changed and remember state
undoArray.push( $('#container').clone() );

然后，如果需要，从这个数组中恢复#container内容，但它会丢失直接附加到元素的所有事件。

Answer 1

Pass true to .clone() to keep events and data.

undoArray = [ $("#container").clone(true) ];

Docs for .clone()

Just remember to clean the data if you're going to destroy an item in the Array without putting it in the DOM.

Answer 2

如果你想持久化事件然后传递true给clone() withDataAndEvents

  $("#container").clone(true)

或使用on()附加到document

  $(document).on('eventName','targetSelector', eventHandler);