jQuery事件对象

事件被触发，就会有事件对象的产生。

 

 

阻止默认行为:event.preventDefault()或者return false

阻止冒泡：event.stopPropagation()

代码示例：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>05-事件对象</title>
    <style type="text/css">
        div {
            background-color: pink;
            width: 100px;
            height: 100px;
        }
    </style>
    <script src="/js文件/jQuery.mini.js"></script>
    <script type="text/javascript">
        $(function () {
            $(document).on("click", function () {
                console.log("点击了document");
            })
            $("div").on("click", function (event) {
                // console.log(event);
                console.log("点击了div");
                event.stopPropagation()
            })
        })
    </script>
</head>

<body>
    <div></div>
</body>

</html>

 

posted @ 2022-04-18 14:06  今天穿秋裤了吗  阅读(32)  评论(0)    收藏  举报