阻止默认行为

最新推荐文章于 2024-07-26 16:58:01 发布

陈田田

最新推荐文章于 2024-07-26 16:58:01 发布

阅读量4.7k

点赞数 1

分类专栏： JavaScript 前端集结号文章标签：阻止默认行为阻止a链接跳转阻止button按钮

本文链接：https://blog.csdn.net/candy_tity/article/details/53198485

版权

前端集结号同时被 2 个专栏收录

61 篇文章 5 订阅

订阅专栏

JavaScript

32 篇文章 0 订阅

订阅专栏

一、什么是默认行为
默认行为是指html标签自带的默认行为，比如a标签的默认跳转，button标签的默认提交。

二、为什么要阻止默认行为
比如之前做的一个项目换乘案内只有首页的设计是自己的，剩下的数据接口都是雅虎的，所以很多链接都是雅虎的，而我们又不想点击的时候跳到雅虎的页面，所以就需要对a链接的默认跳转行为做一些阻止。

三、阻止默认行为的方法
preventDefault()
示例代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>阻止事件冒泡</title>
    <script type="text/javascript" src="jquery-1.11.3.min.js"></script>
</head>
<body>
    <a href="http://labangme.com">可以跳转的链接</a>
    <br><br>
    <a href="http://labangme.com">不可跳转的链接</a>
    <script type="text/javascript">
        $(function(){
            $('a').eq(1).bind('click',function(event){
                console.log('阻止了这个链接的跳转');
                event.preventDefault();
            });
        })
    </script>
</body>
</html>