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>在上面的示例中,当点击链接时,事件处理函数会阻止默认行为(跳转到链接指定的页面),然后在控制台输出自定义信息。这样可以在事件触发时执行自定义操作,而不影响默认行为。


