如何停止子元素内联事件并首先执行父事件

时间:2014-06-27 05:54:26

标签: javascript jquery

<!DOCTYPE html>
<html>
    <head>
        <title>Parent Click</title>
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <script>
            $(document).ready(function(){
                $(".header").click(function(){
                    -- some code --
                })
            });
            function redirectToUrl(){
                location.href="http://www.google.co.in";
            }

        </script>
    </head>
    <body>
        <div class="header">
            <a href="javascript:void(0)" onclick="redirectToUrl()">some link</a>            
        </div>      
    </body>
</html>

当我点击某个链接时,这将停止内联onclick事件并执行parent(header)事件。标题div内的内容动态添加。

我尝试过使用e.preventDefault但仍然无法停止子元素事件。

0 个答案:

没有答案