js阻止默认事件的两种方式

最新推荐文章于 2025-02-26 17:07:01 发布

KOTP17

最新推荐文章于 2025-02-26 17:07:01 发布

阅读量2.9k

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_58517459/article/details/123430212

版权

JavaScript 专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何在JavaScript中使用`event.preventDefault()`和`return false`来阻止页面跳转，以实现在点击删除链接时直接删除DOM元素。通过实例代码演示了阻止默认行为并移除父元素的过程。

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

①event.preventDefault();

②return false;

<body>
    <div id="box">
        <a href="https://blog.youkuaiyun.com/">删除</a>
    </div>
</body>
<script>

    var a = document.getElementsByTagName("a")[0];
    a.onclick = function (event) {
         var event = event || window.event;//①
         event.preventDefault();//②
         this.parentNode.remove();//删除box
       
        //return false;//方法②
    }
</script>