记录自己的第一篇日志

其实也是给自己的项目经历留一个可以积累的地方。以后时常来翻看，必定是一笔不小的财富！

言归正传，最近做一个演艺中心的项目，我分到的是一个区域管理的模块。大体式样就是在一览画面选择具体场馆的某一区域之后，可以进入到维护画面。在维护画面上有一张场馆图片可以用以表示不同的区域块。这就涉及到一个区域块在图片div上的拖动问题。之前遇到的问题是，要求能够实现区域块的拖动，但拖动范围仅限图片范围内。

拖动功能已经实现，即先对鼠标的click动作进行判定，是选择拖动还是切换区域的操作。然后在具体的拖动js函数中，绑定和解绑onmousemove和onmouseup函数实现具体拖动和结束拖动的动作。但一直无法实现范围控制。之前也在论坛里搜索过实现方法，但代码经验太少，不少资料看的也是一头雾水。最后自己实现了这个方法，现在和大家分享。

我的方法就是，定义一个moveFlg，在执行onmousemove的操作时，改变其状态为已移动的状态。然后在onmouseup方法中进行判定即可。之前判定逻辑并未写在onmouseup中，仅仅在拖动方法里判定，发现无论如何都捕捉不到变更后的flg，后在onmouseup方法中判定得到完美解决！各位有兴趣的话也可以学习一下这些事件的应用哦。

今天就到这里吧，多谢收看。