なぜこのスクリプトは未定義ですか？

Question

次のコードを使用して、#（ハッシュタグ）をURLに追加して、CSS :target属性を使用して作成されたライトボックスを閉じようとしています。このスクリプトは 'esc'キーのkeydownで実行されますが、example.com/#ではなくexample.com/#undefinedが返されます。

私はJSの初心者であることをお詫びしますが、#を返すように定義するにはどうすればよいですか？

$(document).on('keydown', function (e) { 
    if (e.keyCode === 27) { 
     var href = this.href; 
     window.location.hash = href; 
    } 
}); 

戻り値だけではなく#の#undefined。

Answer 1

答えは、あなたのハンドラでthisはhrefプロパティ値を持たないdocumentオブジェクトを指します。したがって、href変数の値はundefinedであるため、ハッシュはundefinedとして更新されます。

今すぐ問題を解決するには、いつ、どのように

になどあなたが動作するように想定され、あなたがのhrefを取得したいHTMLは、のように見えているかのような質問には共有されない細部に依存しますターゲット要素、そしてあなたは

var href = e.target.href || ''; 

または

var href = $(e.target).closest('[href]').attr('href') || '';