javascript - ie11滚动条冒泡到document的问题-PHP中文网问答

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="author" content="网站作者">
    <meta name="keywords" content="关键词1,关键词2">
    <meta name="description" content="描述语句">
    <title>文档标题</title>
    <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.js"></script>
    <script>
        $(function() {
            $(document).on('mouseup', function(event) {
                console.log('document_mouseup');
                console.log(event)
            })

            $('#p1').on('mouseup', function(event) {
                event.stopPropagation();
                console.log('p1_mouseup');
                console.log(event)
            })
        });

    </script>
</head>
<body>
    <p id="p1" style="height: 200px;border: 1px solid #ccc;overflow: auto; width: 100px">
        <p id="p2" style="height: 1000px; background-color: red"></p>
    </p>
</body>
</html>

代码如上在win10 ie11浏览器中点击p1上的滚动条，会冒泡到document上绑定的mouseup事件，而且鼠标按下并没有抬起，正常来就算冒泡也是mousedown 也不会是mouseup