码迷,mamicode.com
首页 > 其他好文 > 详细

拖动物体的时候,防止鼠标按下的时候对象突然跳动一下

时间:2016-07-08 15:17:10      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

拖动物体的时候,防止鼠标按下的时候对象突然跳动一下

$(function() {
    init();
});
// mouse interaction drag
// 拖动物体的时候,防止鼠标按下的时候对象突然跳动一下;

var stage, output;
var diff={}; // 偏移量;

function init(e) {
    stage = new createjs.Stage(‘demo1‘);
    
    stage.mouseMoveOutside = true;
    
    var circle = new createjs.Shape();
    circle.graphics.beginFill(‘red‘).drawCircle(0,0,50);
    
    var label = new createjs.Text(‘drag me‘,‘bold 14px Arial‘,‘#ffffff‘);
    label.textAlign = ‘center‘;
    label.y = -7;
    
    var dragger = new createjs.Container();
    dragger.x = dragger.y = 100;
    dragger.addChild(circle, label);
    stage.addChild(dragger);
    
    dragger.on(‘pressmove‘,function(evt){
        evt.currentTarget.x = evt.stageX-diff.x;
        evt.currentTarget.y = evt.stageY-diff.y;
        
        stage.update();
    });
    
    dragger.on(‘mousedown‘,function(evt){
        // plan1
//        diff = dragger.globalToLocal( evt.stageX,evt.stageY);
//        console.log(diff);
        // plan2
        diff.x = evt.stageX-evt.currentTarget.x;
        diff.y = evt.stageY-evt.currentTarget.y;
        console.log(diff);
    });
    
    stage.update();
}

 

拖动物体的时候,防止鼠标按下的时候对象突然跳动一下

标签:

原文地址:http://www.cnblogs.com/stono/p/5653099.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!