阅读量:2
preventDefault() 方法是用于阻止事件的默认行为。如果想要在某个事件触发时执行自定义操作,可以在事件处理函数中调用 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(event) { event.preventDefault(); // 阻止默认行为 console.log('Custom action performed!'); // 自定义操作 }); </script> </body> </html>
在上面的示例中,当点击链接时,事件处理函数会阻止默认行为(跳转到链接指定的页面),然后在控制台输出自定义信息。这样可以在事件触发时执行自定义操作,而不影响默认行为。