摘要: 当DIV元素里,存在图片元素的时候,会使拖动出现异常。因为图片元素本身就支持拖动,所以,只要在图片标签加入:draggable='false'。如下:增加动态增加元素: var containerId = "innerContainer"; var showId = "idShow"; ... 阅读全文
posted @ 2014-08-29 18:09 cjnmy36723 阅读(425) 评论(1) 推荐(0) 编辑
摘要: 这次是要对上一篇的内容进行扩展。由于需要对可拖动的 DIV 进行一个区域范围的限制,所以要给于一个容器,让可拖动的 DIV 元素不能逃出该容器的大小范围。一、思路1.在外层增加一个 DIV 容器,并设置好容器的大小。(即:宽和高)当容器存在边框的时候,由于这里还没找到获取的方法,所以,在容器边框大于... 阅读全文
posted @ 2014-08-29 16:02 cjnmy36723 阅读(2806) 评论(2) 推荐(0) 编辑
摘要: 使用 JS 来实现一个可拖动的DIV,主要是使用到以下几个事件:1.鼠标按下:DIV元素的onmousedown。2.鼠标按住拖动:document 的onmousemove 元素。3.鼠标放开:document 的 onmouseup元素。一、思路1.当使用点击要拖动的 DIV 时,要首先计算出鼠... 阅读全文
posted @ 2014-08-29 15:02 cjnmy36723 阅读(1160) 评论(1) 推荐(0) 编辑