preventDefault() 是一个 JavaScript 方法,用于取消特定事件的默认动作
event.preventDefault()。以下是一个示例代码,展示了如何使用 preventDefault() 防止 a 标签的默认跳转行为:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>preventDefault Example</title></head><body> <a id="myLink" href="https://www.example.com">Click me (preventDefault)</a> <script> // 获取 a 标签元素 const link = document.getElementById('myLink'); // 为 a 标签添加 click 事件监听器 link.addEventListener('click', function(event) { // 在事件处理函数中调用 preventDefault() 方法 event.preventDefault(); // 在此添加其他自定义操作,例如:弹出提示、发送 AJAX 请求等 alert('Default action prevented!'); }); </script></body></html>在这个示例中,当用户点击 a 标签时,会弹出一个提示框,并阻止页面跳转到指定的 URL。


