阅读量:0
preventDefault() 是一个 JavaScript 方法，用于取消特定事件的默认动作
- 选择需要取消默认动作的元素（例如：a标签）。
- 为该元素添加一个事件监听器，监听特定事件（例如：click事件）。
- 在事件处理函数中调用
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。
