JQuery事件之取消默认行为【转】

取消链接默认行为

最新推荐文章于 2024-04-07 16:58:37 发布

mmww1024

最新推荐文章于 2024-04-07 16:58:37 发布

阅读量129

点赞数

CC 4.0 BY-SA版权

文章标签： javascript xhtml ViewUI

本文链接：https://blog.youkuaiyun.com/mmww1024/article/details/84472159

本文介绍了一个简单的示例，展示了如何使用JQuery中的preventDefault()方法来取消HTML中<a>标签的默认行为，即阻止点击链接时跳转到指定网址。

JQuery事件的e参数的方法preventDefault()可以取消对象的默认行为。如下代码：

    <!DOCTYPE html>  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
        <title></title>  
        <script src="js/jquery-1.7.1.min.js"></script>  
        <script type="text/javascript">  
            $(function () {  
                $("a").click(function (e) {  
                    alert($(this).text());  
                    e.preventDefault();//取消默认行为，没有这句话的话，会跳转到baidu网站上  
                });  
            });  
        </script>  
    </head>  
    <body>  
        <a href="http://www.baidu.com">baidu</a>  
    </body>  
    </html>