游客

标题:拖动中释放不了鼠标操作的问题了解拖拽(拖动)层的一些细节问题 DOM拖动
正文:
在一个拖拽系统中,做出来容易细节,细节却并不尽如人意..拖拽中没有一个完美(或者说比较完美)的解决方案,原因在于:我们所知道拖拽的实现的方法(cross-browser)是有三个事件的:onmousedown,onmousemove,onmouseup,即onmousedown来捕获,onmousemove拖拽,onmouseup释放事件. 这在一般情况下是没有问题的.在此种情况下会出现事件没有释放------当鼠标按下(onmousedown)移动某element(onmousemove)到IE(或其它浏览器)窗体的时候再松开鼠标,这个时候onmouseup并没有释放事件,你再将鼠标移入浏览器窗体时,element会拖动. 此细节可描述为onmouseup在浏览器外的时候,浏览器无法触发该事件.今天和JK讨论这个问题的时候, 有了一个解决方法, 在这里记录也算是一个自己的笔记. 问题2以后再写了,如果你有比较好的解决方案,麻烦将思路Email一份给我,Thnaks:) blueDestiny[at]126.com, 请将[at]替换成@.首先, 请点击以下链接,按照问题描述的那样操作,看看是否属实:http://www.never-online.net/code/js/dragdemo/解决方案:IE下,可以采用setCapture()方法,在onmousedown时捕获,在onmouseup时释放, 由此可以推出setCapture是"全局"(这个全局不是指全局变量中的全局,而是在整个窗体区域)的.看MS给的例子:<BODY onload="oOwnCapture.setCapture()"onclick="document.releaseCapture()"><DIV ID=oOwnCaptureonmousemove="oWriteLocation.value = event.x + event.y";onlosecapture="alert(event.srcElement.id +' lost mouse capture.')"><P>Mouse capture has been set to this gray div
[<<][[1]][2][3][>>]

查看评论(0)
发表评论

 首页