本文实例讲述了JS实现网页Div层Clone拖拽效果。分享给大家供大家参考。具体如下:
这是一个层拖动,网页上的拖拽Clone效果实例,两个层可在鼠标的拖动下,任意改变位置,智能判断层级,也就是智能判断自身是否处于最高层,最高处的层是不会被其它层遮挡的。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-draw-box-clone-style-codes/
<!DOCTYPE html PUBLIC "-//W3C//DTD XH
之前一直没有深入了解到clone()函数的方法,所以对应表单中增加和减少输入项一直使用如:
var copy_html=$(选择器).html();
alert(copy_html);
问题在于得出的copy_html直接是HTML内容代码,未经过object封装,而使用:
var copy_html=$(选择器).clone();
alert(copy_html);
得出未object对象类型,若$(选择器)包含了某个触发,如 onclick,如果想copy_html继续沿用onclick