javascript 阻止事件的默认行为

最新推荐文章于 2025-02-28 21:30:04 发布

doubleicon

最新推荐文章于 2025-02-28 21:30:04 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： preventDefault js阻止默认事件

本文链接：https://blog.youkuaiyun.com/u011872945/article/details/28594321

JavaScript 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了在前端开发中如何阻止浏览器的默认行为，提供了两种方法：使用event.preventDefault()适用于非IE浏览器，而window.event.returnValue=false则适用于IE浏览器。通过具体示例代码展示了这两种方法的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做前端开发时，我们经常会使用到阻止事件的默认行为，以下是阻止浏览器默认行为的方法，
有一下两种
1、event.preventDefault()
在非IE浏览器中使用,preventDefault()(取消事件的默认动作)方法来阻止事件相关联的的默认行为。
该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。
例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，
通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，
那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。
2、window.event.returnValue = false;

在IE浏览器中，则使用window.event.returnValue = false;

代码如下：

<span style="font-family:Comic Sans MS;"><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="scripts/jquery-2.1.0.js"></script>
    <script type="text/javascript">
        $(function () {
            $("a").click(function (e) {
                if (e && e.preventDefault)
                    //阻止默认浏览器动作(W3C) 
                    e.preventDefault();
                else
                    //IE中阻止函数器默认动作的方式 
                    window.event.returnValue = false;
                return false;
            });
        });

    </script>
    
</head>
<body>

    <a href="http://www.baidu.com">百度</a>   

</body>
</html></span>