Chrome拡張機能 Ctrl ⁺ 右クリック でリンクのURLを取得

Question

Chrome拡張機能　Ctrl ⁺ 右クリック　でリンクのURLを取得

初めまして。
個人で作業するにあたって便利なChrome拡張機能があったらいいなと思いJavaScriptに触って２週間しかたっていません初心者なものです。
今回、手間のかかる作業を時短できればと思い、リンクをCtrl ⁺ 右クリックしたら変数にリンクのURLが入るようにしたいのですがうまくできません。
ご教授いただけると嬉しいです。

■contents.js
document.oncontextmenu = function(){
if(e.ctrlKey){
val = $(this).attr('hret');
alert(val) //デバッグ用
};
};

で取れるのかと思いましたがalertには「undefined」が表示されます。

正確にJavaScriptを理解できていないので無知な点が多くそもそもの基本が間違っているかもしれませんがよろしくお願いいたします。

Answer 1

$(this) が問題なく採れているのだとしたら、'hret'を'href'に修正すれば採れると思います。

Comments

[_ryuAi]

素早いご回答本当にありがとうございます。
初めての質問投稿でしたので返信があり嬉しいです。

ご指摘の通りhrefにしてみましたが「undefined」の表示でした…

どうやら$(this)自体取れてないみたいなようです。
document.oncontextmenuした時点で何か取れていないといけないのでしょうか？
無知で申し訳ないです。

[kei344]

よく見ると e が設定されていなかったり、イベントを起こした要素を拾っていなかったりがありますね。
拡張ではありませんが動くサンプルを用意したので、デベロッパーツールで確認してみてください。https://eng-entrance.com/javascript-display-error

動くサンプル： https://jsfiddle.net/vz6bc48f/

[_ryuAi]

いろいろありがとうございます！
あれから頂いたコードを参考に調べまして、結局
$(this)が、欲しかったaタグを見れておらずparents(‘a‘)で必要なものを取ることができました。
丁寧にご教授くださり大変助かりました。