调用 javascript 函数并点击同一锚标记中的链接答案

【问题标题】：Calling javascript function and also hitting a link in same anchor tag调用 javascript 函数并点击同一锚标记中的链接
【发布时间】：2013-01-06 16:07:18
【问题描述】：

在重定向到新页面（在我的示例中为 sample.html）之前是否可以调用 javascript 函数（例如，在此处保存 cookies()）。

在导航到新页面之前，我需要保存 cookie。

a href=/dashboard/sample.html onclick="savecookies()"

【问题讨论】：

标签： javascript html cookies anchor jquery-cookie

【解决方案1】：

你不需要通过 JS 代码重定向，只需抓取链接并将点击函数绑定到它执行你的函数然后返回 true;

$(function(){
    $('a').click(function() {
       //alert('clicked');
       saveCookie();
       return true;
    });
})

【讨论】：

【解决方案2】：

是的，您可以通过 JQuery 来完成。您可以使用类设置任何锚链接

<a href="#someUrl" class="navigator (other class)" >MyAwesomeLink</a>

然后在 Jquery 中

  $(".navigator").click(function(e){
     var url = $(this).attr('href').replace('#','');
    /** Save your cookie stuff here **/ 
    window.location.href = "PATH"+url;
    e.preventDefault();
    }

您甚至可以“取消预防”并让 href 不带“#”符号，但我更喜欢这种方式恕我直言，如果您处理它会更好。

【讨论】：

【解决方案3】：

创建一个函数并粘贴保存 cookie 的代码，然后在函数末尾粘贴导航代码。

【讨论】：

【解决方案4】：

使用这样的东西：

$('a').click(function() {
   saveCookie();  // save cookies
   document.location.href = "sample.html";  // forward user to new page

   return false;  // ignore default src of anchor
});

【讨论】：