请教一个js拖动相关的问题？

Question

圆不需要被拖动，只是要模拟拖动的效果。感觉完全没有思路，求解答？

Answer 1

圆上面监听onmousedwon事件，被触发后，
设置标记，防止被重复触发。
body或者document上监听onmousemove事件，用偏移量来移动圆形。
同时判断圆形的left+width > 长方形的left，如果真则，取消move事件的监听。

圆上面监听onmouseup事件，被触发后，取消monmousemoveve事件的监听。

说的太复杂，直接上例子
http://jsfiddle.net/7ra1tgct/

Answer 2

在长方形里面写mouseup事件就好啊，如果要看效果，写上圈圈的mousedown让它比如边框啊什么的变一下

Answer 3

建议使用HTML5自带的拖拽接口

Answer 4

感觉直接改变圆的left的值，然后判断圆的左偏移量大于长方形的左偏移量。就随便触发一个事件不就好了。