javascript - 如何跟踪页面重新加载后按下了哪些按钮？

Question

我是 Javascript 和 JQuery 新手。在网上搜索解决方案后，我决定发布这个问题。

问题:当用户单击 iframe 中的链接时，它会更新父级上的进度条，该进度条仅触发一次。但是，当用户转到另一个页面并返回时，iframe 中的页面会重新加载，javascript 也会重新加载，这意味着可以再次更新该按钮的进度条，这是我不希望的。重新加载并禁用该功能后，有什么方法可以跟踪单击了哪些元素？ URL 参数??

iframe 中的 HTML:

<div id="sidenav">
   <ul>
      <li><a href="../right/section1/page1.html" target="presentation" class="active" name="position">positioning</a></li> 
      <li><a href="../right/section1/page2.html" target="presentation">comparisons</a></li>
    </ul>
</div>

iframe 页面中的 JavaScript:

$('#sidenav ul li a').one('click', window.parent.updateBar);

Answer 1

无论您想在客户端上记录什么，您基本上都有相同的选择:

• cookies
• 客户端存储
• 网址哈希

或者:

• 往返服务器并将数据存储在结果页面