<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
を登録しています。