Storage Event

HTML

<ul>
  <li>Chimpanzee</li>
  <li>Gorilla</li>
  <li>Orangutan</li>
</ul>

JavaScript

var i,
    apes = document.querySelectorAll('li'),
    apesTotal = apes.length;
for (i = 0; i < apesTotal; i++) {
  apes[i].addEventListener('click', function (e) {
    e.preventDefault();
    var apeVal = e.currentTarget.firstChild.textContent;
    console.log(apeVal);
    sessionStorage.setItem('ape',apeVal);
    console.log(sessionStorage.getItem('ape'));
  }, false);
}
window.addEventListener('storage', function (e) {
  console.log('OK');
  alert(e.key);
}, false);