preventDefault实现自定义操作方法

avatar
作者
猴君
阅读量: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> 

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

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!