实现拖拽复制

Html

Css

* {
	margin:0;
	padding:0;
}
html,body {
	width:100%;
	height:100%;
}
div {
	position:absolute;
	width:50px;
	height:50px;
	background-color:red;
}

function drag(el) {
    var tag = document.getElementById(el);
    var clientW = document.body.clientWidth;
    var clientH = document.body.clientHeight;
    tag.onmousedown = function(e) {

var e = e || window.event;

var disX = tag.offsetLeft;
        var disY = tag.offsetTop;

var x = e.pageX - disX;
        var y = e.pageY - disY;

document.onmouseup = function() {
        document.onmousedown = null;
        document.onmousemove = null;
    };
}
drag("drag");

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

实现拖拽复制



代码描述：拖拽复制效果

主要运用克隆元素

2

最新

发表评论全部评论

暂时没有评论！

CGQ0

2018/10/17 14:03:36

任天野
回复

半城爱?半城雨0

2018/2/12 11:21:50

只能复制最新的那个
回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

爱是如此深辰

相关代码

实现拖拽复制

最新