Question

我正在使用从每个页面上的模板文件加载的分页选项。我已经实现了一旦点击打开弹出窗口就打开一个弹出窗口：

<a onClick="location.href='http://google.com/';" target="_blank"" href="http://www.yahoo.com"</a>

所以我的问题是：有没有办法限制它只能工作一次？这个窗口只打开一次？因此，当用户浏览其余页面时，我不希望它工作。

我看到的方式是我必须创建一个用户cookie或会话，如果他点击了它就记录在哪里。如果有一种更简单的方法，我就会徘徊。

欢迎任何帮助。提前致谢。

Answer 1

使用Jquery，您可以这样做：

＆＃13;

$(".do-it-once").on("click",function openLink(){
    console.log('navigate')
    $(this).off("click",openLink);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a class="do-it-once">Only Once</a>

＆＃13;

但每次页面加载时都会有效。所以我建议在空白页面打开谷歌。

Answer 2

想不出比这更好的东西 - 至少坚持使用JavaScript vanilla

(function(){
  
  
  document.getElementById('one-click').addEventListener("click", fn);
  
  function fn(event){
    event.preventDefault();
    alert('First click');
    this.removeEventListener(event.type, fn);
  };
  
})();

<a id="one-click" href="http://www.yahoo.com">Yahoo!</a>

点击分页

2 个答案: