クリックイベントのターゲットURLを取得する - クライアント側

Question

メニューまたはマスターページ内のリンクをクリックするときにターゲットURLを取得する必要があります。私が最初にtime.Itのメニューからリンクをクリックしたときに

私は90％のcorrectly.Sinceの作品次のコード

​​

を使用していたが、未定義を示しています。

これは、マスターページに多数のメニューがあり、各メニューには多数のナビゲーションが含まれています。メニューからナビゲーションを初めてクリックすると、値が設定されません。それ以降は同じターゲットリンクを表示します。

ターゲットURLを取得するのを手伝ってください。

Answer 1

ここで競合状態に対処しています。私はあなたがその変数にアクセスしようとしているのかどうか分かりませんが、document.activeElementはあなたがhrefを得るために喜んでいるDOM要素を参照するつもりはありません。

ドキュメントの内容は次のとおりです。現在フォーカスされている要素、つまりユーザーがanyを入力した場合にキーストロークイベントを取得する要素を返します。この属性は読み取り専用です。

ですから、それはHREFです読みたい、その要素のonClickイベントハンドラにこれを処理する必要があります。

onMyButtonClick(event){ 
event.target.href; 
} 

Answer 2

あなたは、ページ内の任意のアンカーのターゲットを取得するには、次の解決策を試すことができます。

$(document).ready(function(){ 
    $(document).on("click", "a", function() { 
     var target=$(this).attr("href"); 
     if(target!=undefined){ 
      alert(target); 
     } 
    }); 
}); 

Answer 3

あなたは、このようにターゲットURLを取得することができます -

$('a').click(function(e) { 
 
    $('div').html(e.target.href); 
 
    event.preventDefault(); // Used to prevent the page from redirecting to google.com, just used for demo, you can remove it in your actual if not needed 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<a href="http://google.com">Link 1</a> 
 
<a href="http://facebook.com">Link 2</a> 
 
<a href="http://stackoverflow.com">Link 3</a> 
 
<div></div>

だけで、機能にeのようなものを、パラメータを与え、ターゲットURL（HREF）を取得するために電子を使用