拖拽方法的封装

最新推荐文章于 2022-10-17 21:15:31 发布

长岛冰茶子

最新推荐文章于 2022-10-17 21:15:31 发布

阅读量1k

点赞数

分类专栏：事件对象文章标签：拖拽封装事件

本文链接：https://blog.csdn.net/Zhang_XiaoHeng/article/details/72769890

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>拖拽的封装</title>
	<style>
		#div1{
			width:100px;
			height:100px;
			background:red;
			position:absolute;
		}
		img{
			position: absolute;
		}
	</style>
	<script type="text/javascript">
		window.onload = function(){
			var oDiv = document.getElementById("div1");
			var oImg = document.getElementById("img1");
			drag( oDiv);
			drag( oImg);
			//封装拖拽函数drag；
			function drag(obj){
				obj .onmousedown = function(ev){
				var ev = ev||event;
				var disX = ev.clientX-this.offsetLeft;
				var disY = ev.clientY-this.offsetTop;
				if(obj.setCapture){
					obj.setCapture();
				}

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

长岛冰茶子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
拖拽方法的封装

拖拽的封装 #div1{ width:100px; height:100px; background:red; position:absolute; } img{ position: absolute; } window.onload = function(){ var oDiv = document.getElementById
复制链接

扫一扫