2019-07-26   web   javascript   localstorage 

ローカルなWebページ上で自分専用の一行メモを書くJavaScriptスニペット(localStorageを使う)

結果(スクリーンショット)

ソース(抜粋)

$(function() {
  const key = 'ONELINE-MEMO'
  const onelineMemo = localStorage.getItem(key);
  if (!onelineMemo || onelineMemo.length == 0) {
    $('#ONELINE-MEMO').attr('placeholder', 'ONELINE-MEMO');
  } else {
    $('#ONELINE-MEMO').val(onelineMemo);
  }
  $('#ONELINE-MEMO').keydown(function(e) {
    if (e.keyCode == 13) {
      const onelineMemo = $('#ONELINE-MEMO').val();
      localStorage.setItem(key, onelineMemo);
    }
    return true;
  });
  $("#ONELINE-MEMO").focus();
});

Complete Example

https://gist.github.com/hyuki/c490bcd617a8bffcc6cdfac7c997197a

 2019-07-26   web   javascript   localstorage