preventDefault()とは？JavaScriptでの使い方と注意点

1年 ago
優斗, 朝陽
1 minute

JavaScriptでは、e.preventDefault()はイベントのデフォルト動作を防止するためのメソッドです。通常、リンクの遷移やフォームの送信などのデフォルト動作を防止するために使用されます。以下は簡単な例です：

<!DOCTYPE html>
<html>
<head>
  <title>Prevent Default Example</title>
</head>
<body>

<a href="https://www.example.com" id="link">Click me</a>

<script>
document.getElementById('link').addEventListener('click', function(e) {
  e.preventDefault(); // 阻止链接的默认行为
  alert('You clicked on the link!');
});
</script>

</body>
</html>

ユーザーがリンクをクリックした際に、e.preventDefault()がリンクのデフォルト動作を阻止し、代わりにアラートボックスを表示させました。

bannerAds