CSS内でタグがジャンプしないようにする方法

方法: 1. 「#」を使用し、構文は「a href="#"」です; 2. 「javascript:」を使用します、構文は「a href="javascript:void(0)」です"; 3. getElementById を使用して a タグを取得し、"return false;" を使用してジャンプをキャンセルします。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

<a href="www.baidu.com">百度</a>

1. まず最も簡単なことから始めましょう。次のように、HTML コードに # 記号を直接追加できます:

<a href="#">百度</a>   <!--点击时它会跳转到页面的最顶端了-->

2. 次に、# 記号を HTML コードに直接追加します。これをブロックするデフォルトのイベントも次のとおりです:

<a href="javascript:void(0)">百度</a>  <!--直接在里面添加一个阻止事件，当然直接是"javascript:"也是可以的，最好还是写全吧-->

3. それをブロックするための js メソッドもあります. それでもタグに ID を与えます. 必要なのは、次の操作を実行します:

<a id="Header1_HeaderTitle" href="www.baidu.com">百度</a>

let div1 = document.getElementById("Header1_HeaderTitle");
div1.onclick = function(){
      return false;
}

推奨学習: css ビデオ チュートリアル

以上がCSS内でタグがジャンプしないようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。