jquery中return false的作用

最新推荐文章于 2018-10-18 22:29:27 发布

weixin_34409741

最新推荐文章于 2018-10-18 22:29:27 发布

阅读量228

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wang715100018066/p/6323465.html

版权

本文介绍了在jQuery中使用return false来阻止默认事件和冒泡的效果，并通过一个简单的示例展示了如何在点击事件中应用这一特性。同时，文章还对比了在原生JavaScript中return false的作用。

摘要由CSDN通过智能技术生成

jquery中的return false既阻止默认事件，又阻止冒泡；

在原生的js中，return false只有一个功能，那就是阻止默认事件。

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
    <style>
        div {padding:50px;}
    </style>
</head>
<body>
<div style="background:red;">
    <div style="background:green;">
        <div style="background:#CCC;"></div>
    </div>
</div>
</body>
</html>
<script type="text/javascript">

    //阻止右键菜单
//    $(document).bind('contextmenu',function () {
//        return false;
//    })
    $("div").click(function () {
        console.log(this.style.background);
        return false;
    })
</script>