javascript - javascript関数を呼び出し、同じアンカータグのリンクにもアクセスする

Question

これは、新しいページ (私の例では sample.html) にリダイレクトする前に、javascript 関数 (たとえば、ここで cookies() を保存) を呼び出すことは可能ですか?

新しいページに移動する前に Cookie を保存する必要があります。

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

Answer 1

はい、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を「＃」シンボルなしで許可することもできますが、私はこの方法を好みます。

Answer 2

次のようなものを使用します。

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

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

Answer 3

単一の関数を作成し、Cookie を保存するためのコードを貼り付けてから、関数の最後にナビゲーション用のコードを貼り付けます。

Answer 4

JS コードを介してリダイレクトする必要はありません。リンクを取得してクリック関数をバインドし、関数を実行して true を返すだけです。

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