如何制作拖拽的效果

拖动功用并不像幻想的那样很难完结,只需仔细剖析拖动的进程,就不难理解其间的原理,完结一次拖拽进程主要有3个环节.

1.当在需求拖动的元素上按下鼠标时,调用mousedown事情,可以取得拖动元素的初始方位,并为这个目标注册mouseover事情;

2.当拖动元素时调用mouseover事情,首要取得鼠标的方位,然后改动拖动元素的方位;

3.当鼠标开释时调用mouseup事情,取得完毕拖动时的鼠标方位,假如需求窗口来接纳拖动的元素,则需求判别是否能接纳,假如不能接纳,要使拖动目标康复到拖动前的方位,最终要删去这个元素的mouseover事情.

为了使拖动目标在移动方位的进程中显示出不一样的作用,在触发每一次事情时都要设置元素的style特点,这样会使拖拽看起来更具有动感.