생각해보기

글 자동저장

짱범 2023. 1. 25. 08:08

https://webisfree.com/2017-10-12/[%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8]-%EC%9E%91%EC%84%B1%EC%A4%91%EC%9D%B8-%EA%B8%80-%EC%9E%90%EB%8F%99%EC%A0%80%EC%9E%A5-%EA%B8%B0%EB%8A%A5-%EB%A7%8C%EB%93%A4%EA%B8%B0 

 

[자바스크립트] 작성중인 글 자동저장 기능 만들기

웹페이지에 글을 작성하면서 실수로 닫거나 저장이 안되는 경우를 생각해볼 수 있죠. 이런 경우는 누구나 한번쯤 경험해보셨을 겁니다.웹이즈프리의 글 작성은 간단한 cms에서 작성되는데 자동

webisfree.com

(function () {
  var autoSave = new Object();
  (function (obj) {
    obj.configuration = {
      interval: 60 // second(s)
    };
    obj.bindTimer = function() {
      var textEle = document.querySelector('#test');
      var textVal = textEle.value;
      var ref1, ref2, ref3; // Newer -> Older

      // Save to localStorage
      var encodedTextVal = btoa(textVal);
      ref1 = window.localStorage.getItem('textval-01');
      ref2 = window.localStorage.getItem('textval-02');

      if ((window.localStorage) && (encodedTextVal != ref1)){
        window.localStorage.setItem('textval-01', encodedTextVal);
        window.localStorage.setItem('textval-02', ref1);
        window.localStorage.setItem('textval-03', ref2);
      }
      else if (!window.localStorage) {
        console.log('Error' + ': Your browser not support')
        return false;
      }
    };

    obj.start = function() {
      obj.bindTimer();
      setTimeout(function() {
        obj.start();
      }, obj.configuration.interval * 1000);
    };
    obj.start();
  })(autoSave);
})();