preventDefault实现自定义操作方法

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>
    

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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！