デフォルトの動作を阻止
<a href="https://games-p.com/" id="link">リンクを押す</a>
<script>
const link = document.getElementById('link');
const message = function() {
event.preventDefault();
alert('リンクが押されました');
};
link.addEventListener('click', message);
</script>↓実行すると
リンクを押す
clickのデフォルト（a）の動作を阻止するのでリンクを押してもアラートが表示されるだけでリンク先には飛びません。
コメント