ie鼠标事件捕捉setCapture和releaseCapture

最新推荐文章于 2023-10-19 16:02:50 发布

不耐烦

最新推荐文章于 2023-10-19 16:02:50 发布

阅读量2.1k

点赞数

分类专栏： javascript 文章标签： ie 浏览器 function border 360

本文链接：https://blog.csdn.net/g125989100/article/details/6950258

版权

javascript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

setCapture和releaseCapture 设置鼠标事件捕捉
在做拖拽效果的时候最不爽的莫过于ie鼠标离开窗口的时候不能捕捉事件，有了这个方法问题就可以迎刃而解
看例子：
ie浏览器（不要用360之类的马甲浏览器）点击任何位置（包括菜单等地方）试试

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>鼠标事件捕捉</title>
<style type="text/css">
#oDiv{width:100px; height:100px; line-height:100px; text-align:center; border:1px solid #00F; margin:0 auto; cursor:pointer}
</style>
<script type="text/javascript">
//ie浏览器（不要用360之类的马甲浏览器）点击任何位置（包括菜单等地方）试试
window.onload = function(){
	var o = document.getElementById("oDiv");
	if(o.setCapture){
		o.setCapture()//ie 鼠标事件捕获
	};
	o.onclick = function (){
		this.innerHTML = +this.innerHTML + 1;
	};
};
</script>

</head>

<body>
<div id="oDiv">0</div>
</body>
</html>