js拖动层(拖动图片)在在baidu里面例子很多,具体的内容我就不写了,后面我会附带,我仅仅是谈一下在学习中遇到的问题关键点,
第一点:<div><img></div>在这种形式下 假如你的<div>标签内部有图片,那在移动<div>的时候IE浏览器里面默认的是你首先捕捉到了图片信息,所以一拖地就首先要触发图片的Drag事件,IE6里面是鼠标形状变为禁止,遨游里面是直接将图片<img>下载到本机,解决方案就是在<div>内假如一个事件ondragstart="return false"。解释一下,ondragstart事件的作用是“当用户开始拖曳文本选中区或选中对象时在源对象上触发。”也就是说当拖动<div>内选中的图片对象是返回一个false就结束了。
第二点:阻止事件冒泡,冒泡事件也是在拖动层里面经常遇见的问题,这不具体解释,仅仅在这里列出解决方案,
{
if(e.stopPropagation) e.stopPropagation(); //2 级DOM
else e.cancelBubble=true; //IE
}
解决一上两点,你的拖动事件就很容易实现了
源文件如下