Question

<html>
<head>

    <script>
        function registerForEvents() {
            var logElement = document.getElementById('log');

            function anchorCapture(e) {
                console.log("click captured");
                e.preventDefault(); 
            }
            var anc = document.getElementById("mylink");
            anc.addEventListener('click', anchorCapture, true);
            document.addEventListener("mousedown", function(e) {
                console.log("mouse down captured");
            }, true);
            document.addEventListener("mouseup", function(e) {
                console.log("mouse up captured");
            }, true);

        }       
    </script>
</head>
<body onload="javascript:registerForEvents()">
    <a id="mylink" href="www.google.com">google</a>
</body> 
</html>

复制粘贴上面的代码并在第15行的chrome中添加断点（即console.log（＆＃34;鼠标按下捕获＆＃34;）;）

一旦断点连接按F8（继续），你可以看到其他事件处理程序被忽略，为什么??

输出

鼠标按下

如果断点位于第18行，您会看到

输出

鼠标被捕获鼠标被捕获点击抓取

这只会在你在mousedown事件上挂断点时出现，似乎与firefox一样好（不要试试IE，因为回调方法不同）

由于

奇怪的行为 - chrome断点上的javascript事件

输出

输出

0 个答案: