値が宣言されているときにhrefタグを無効にする

Question

hrefタグが＃のリンクになっているときにhrefタグを無効にしたい場合は、他のサイトにリンクを張っているWebページにたくさんの投稿があるからです私のパートナーです。 私はポストを作成するとき、私はそれに情報を入れて、投稿と関係している誰かのサイトがパートナーシップを望んでいて、それらにリンクしているなら、hrefリンクを準備するのを簡単にするテンプレートを持っています。 私の古い投稿には＃値のhrefタグが付いていますが、それらをクリックすると別のタブでページを開くので、できる限りJavaScriptを無効にしたいのですが（他の誰かがジョブが

おかげ

Answer 1

）細かすぎるの最も簡単な方法は、次のようになります。

var emptyAnchors = document.querySelectorAll('a[href="#"]'); 

for (var i = 0; i < emptyAnchors.length; i++) { 
    emptyAnchors[i].addEventListener('click', preventDefaultEvent); 
} 

function preventDefaultEvent(e) { 
    e.preventDefault(); 
} 

このリンクをクリックしたときに、デフォルトの動作を（HREFターゲットを開く）を防止します。

Answer 2

あなたは、イベントでのpreventDefault（）を追加し、特定の＃1のhref

ES6構文

const elements = document.getElementsByTagName("a[href='#']"); 

ES5構文

var elements = document.getElementsByTagName("a[href='#']"); 

であなたのタグを選択することができます各要素のデフォルトの動作が実行されないようにします。

ES6構文

elements.addEventListener('click', e => { 
    e.preventDefault(); 
}); 

ES5構文

elements.addEventListener('click', function(e){ 
    e.preventDefault(); 
}); 

あなたはあなただけのタグは、デフォルトのスタイル

a[href="#"] { 
    color: black; 
    pointer-events: none; 
    text-decoration: none; 
}