jQuery拖拽放大缩小插件idrag

作者:Jasmine - 2014年11月05日
jQuery拖拽放大缩小插件idrag

24行代码,让你的网页元素任意放大、缩小、拖拽、移动。

原理分析:

放大、缩小、拖拽都离不开在网页上拖动鼠标,对于前端来说就是document的mousemove,当鼠标在网页上移动的时候,无时无刻不在触发mousemove事件,当鼠标触发事件时,什么时候需要执行我们特定的操作,这就是我们要做的了。我在mousemove中增加了几个对象来判定是否进行操作:

    move:是否执行触发操作

    move_target:操作的元素对象

    move_target.posix:操作对象的坐标

    call_down:mousemove的时候的回调函数,传回来的this指向document

    call_up:当鼠标弹起的时候执行的回调函数,传回来的this指向document

小提示:

    简单的操作,只需要设定move_target对象,设置move_target的时候不要忘记了move_target.posix哦;

    复杂的操作可以通过call_down、call_up进行回调操作,这个时候是可以不用设置move_target对象的


本文作者: Jasmine

本文链接: https://www.jianbaizhan.com/code/440

版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!