0
나는 여러 span을 드래그 할 수있는 컨테이너 div가 있습니다. 나는 그들을 위해 UNDO 함수를 만들고 싶다. 실행 취소 기능은 마지막 버전이라고하면 범위 속성이 변경 될 때jQuery 및 HTML5 DOM 변경 UNDO 함수
이- 은 (위치, CSS) 스크립트가
- DOM에 변화가 HTML5 로컬 스토리지
- 를 통해 저장되는 DOM의 변화를 감지 : 나는에서 생각하고 의 DOM이 현재를 대체합니다.
지금이 코드는 단지 현재 DOM 저장을 취$('#undo').live('click', function() { var testObject = $('#container').html(); // Put the object into storage localStorage.setItem('testObject', JSON.stringify(testObject)); // Retrieve the object from storage var retrievedObject = localStorage.getItem('testObject'); alert(retrievedObject); // retrievedObject should now replace the current DOM }); });
나는 마지막 DOM 상태를 기록합니다 기본 로컬 스토리지의 코드가 있습니다. 경고는 localstorage에있는 것을 표시합니다. 아마도 여러 DOM 상태를 저장하고 변수에 넣어야합니다. 그 후 각 UNDO에서 하나의 변수를 삭제하는 중 ... 나는 이것이 이것을하는 방법이라고 확신하지 못합니다.
이 입력은 무엇입니까? 감사합니다.
#container에는 사용자가 변경할 수있는 범위 (위치, 색상, 크기)가 표시됩니다. 그는 매우 "무거운"것이 아닙니다. 더 빠르고 서버 Ajax이기 때문에 localStorage를 사용하고 싶다. 나는 실제 로컬 저장 기능에 관심이 없으며 크로스 탭에서 작업하고 저장 공간으로 사용하려고합니다. 브라우저의 기본 UNDO를 모르겠습니다. 예를 들어 일련의 변수를 생성 할 수 있다면 함수는 실행 취소 스택을 갖게됩니다. – Mircea
"서버"Ajax를 사용하고 싶지 않지만 "UNDO"가능성은 특정 브라우저에만 국한된다는 귀하의 의도입니까? – Detro