JavaScript阻止默认事件？
参考回答：
在 JavaScript 中，阻止默认事件行为的方法是使用 event.preventDefault()。这个方法会阻止事件的默认行为，如表单提交、链接跳转等。
详细讲解与拓展：
1. 默认事件行为：
事件的默认行为是浏览器在事件触发时自动执行的操作。例如：
– 在提交表单时，浏览器会自动提交表单。
– 在点击链接时，浏览器会自动跳转到链接的 URL。
这些行为可以通过 event.preventDefault() 来阻止。
2. 使用 preventDefault() 阻止默认行为：
preventDefault() 方法可以在事件的处理函数中调用，来阻止浏览器执行默认操作。例如：
<form id="myForm">
<input type="text" name="username" />
<button type="submit">Submit</button>
</form>
<script>
document.getElementById('myForm').addEventListener('submit', (event) => {
event.preventDefault(); // 阻止表单提交的默认行为
console.log('Form submission prevented');
});
</script>
在这个例子中，点击表单的提交按钮时，event.preventDefault() 阻止了表单的默认提交行为，浏览器不会刷新页面或提交数据，而是会在控制台打印 “Form submission prevented”。
3. 阻止链接的默认行为：
类似地，可以阻止链接的跳转行为：
<a href="https://www.example.com" id="myLink">Go to Example</a>
<script>
document.getElementById('myLink').addEventListener('click', (event) => {
event.preventDefault(); // 阻止链接跳转
console.log('Link click prevented');
});
</script>
点击链接时，event.preventDefault() 会阻止页面跳转，控制台会打印 “Link click prevented”，而不会跳转到 https://www.example.com。
4. 与 stopPropagation() 的区别：
preventDefault()用于阻止事件的默认行为，如表单提交、链接跳转、右键菜单等。stopPropagation()用于阻止事件的冒泡或捕获传播，但不会影响默认行为。
例如，阻止表单提交的同时，还想阻止表单的冒泡，可以同时使用这两个方法：
document.getElementById('myForm').addEventListener('submit', (event) => {
event.preventDefault(); // 阻止表单提交
event.stopPropagation(); // 阻止事件冒泡
});
5. 总结：
event.preventDefault()用于阻止事件的默认行为，常用于阻止表单提交、链接跳转、右键菜单等操作。- 与
stopPropagation()不同，preventDefault()不会影响事件的传播，只会阻止浏览器默认执行的操作。
掌握 preventDefault() 的使用有助于更精确地控制事件的行为，特别是在需要自定义事件处理和用户交互时。
