时间：2021-07-01 10:21:17 帮助过：6人阅读
<html>
<head>
<title></title>
<script type="text/javascript">
var captureTarget = null;
function down(obj, e) {
captureTarget = obj;
// 如果是IE可以打开注释
// captureTarget.setCapture();
e = e ? e : window.event;
}
function up(obj,e) {
// if (captureTarget)
// captureTarget.releaseCapture();
e = e ? e : window.event;
div2.innerText = e.srcElement.tagName;
}
document.addListener = function(event, callback) {
if (!document.all)
this.addEventListener(event, callback);
else
this.attachEvent("on"+event, callback);
}
document.addListener("mouseup", function(){alert(1);});
</script>
</head>
<body >
<div style="width:200px;height:200px;overflow:scroll" onmousedown="down(this, event);">
<div style="height:500px; width:500px"></div>
</div>
</body>
</html>
保存为html格式文件，浏览器打开，然后在滚动条上左键点击试试，再在其他地方点击试试。
由于没有深入研究过W3C的文档，这里只能猜想。
考虑到滚动条的特性，可能浏览器在鼠标按下滚动条的时候给滚动条setCapture了，而鼠标松开之后给他releaseCapture，滚动条又不属于Dom对象，所以在鼠标释放之前无法捕获mouseup事件。