event.preventDefault() 作用是什么吗

发布于 作者:

event.preventDefault() 是一段js代码。 表示 事件可以取消就是取消。比如 一个 a 链接，正常的情况，点击是需要跳转的，如果对这个行为进行监听，监听到运行 event.preventDefault() ，则跳转的行为会被取消，就是点击后什么也不发生。

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>Document</title>
</head>
<body>

    <a href="httsp://www.wpcode.com">wpcode.cn</a>
    <script>
        document.querySelector('a').addEventListener('click', function (event) {
                    event.preventDefault();
                });

    </script>
</body>
</html>

这个有什么用

改变默认的行为，比如要提交一个表单，点击 submit 后，想验证一下填写的信息，没有问题再提交，就可以使用这个。或者点击a链接后需做点事情，根据链接的地址，如果是站外的，就可以给出一个安全提示....