<!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)
})
$('#div1').on('mouseup', function(event) {
event.stopPropagation();
console.log('div1_mouseup');
console.log(event)
})
});
</script>
</head>
<body>
<div id="div1" style="height: 200px;border: 1px solid #ccc;overflow: auto; width: 100px">
<div id="div2" style="height: 1000px; background-color: red"></div>
</div>
</body>
</html>
代码如上在win10 ie11浏览器中点击div1上的滚动条,会冒泡到document上绑定的mouseup事件,而且鼠标按下并没有抬起,正常来就算冒泡也是mousedown 也不会是mouseup