URLにリンククリックスクリプトを追加する方法


<a href="https://example.com" onclick="myFunction()">リンク</a>
<script>
function myFunction() {
 // クリック時に実行したい処理を記述する
}
</script>

上記の例では、onclick属性にJavaScript関数myFunction()を指定しています。リンクがクリックされると、myFunction()が実行されます。

  • JavaScriptのイベントリスナーを使用する方法: より柔軟な方法として、JavaScriptのイベントリスナーを使用してリンククリックスクリプトを追加することもできます。以下は例です:

    <a href="https://example.com" id="myLink">リンク</a>
    <script>
    document.getElementById("myLink").addEventListener("click", myFunction);
    function myFunction() {
     // クリック時に実行したい処理を記述する
    }
    </script>

    上記の例では、JavaScriptでmyLinkというIDを持つ要素を取得し、addEventListener()メソッドを使用してクリックイベントに対してmyFunctionを登録しています。