防止事件冒泡

<!DOCTYPE html>
<html>
<head>
    <script src="../js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <title></title>
    <script type="text/jscript">
        $(document).ready(function () {
            $('div').click(function (event) {
                var $tagret = $(event.target);
                if ($tagret.is('div')) {
                    alert("div");
                }
                if ($tagret.is('span')) {
                    alert("span");
                }
                if ($tagret.is('p')) {
                    alert("p");
                }
            });
        });
    </script>
</head>
<body>
<div>div element
<p>paragragh element<br />
<span>span element</span>
</p>
</div>
</body>
</html>
posted @ 2017-03-05 00:00  PhilXu  阅读(67)  评论(0编辑  收藏  举报