Constraining drag and drop

Question

I have a bar symbol that I need to constrain to vertical movement as well as just how far it can go up and down when dragged. I have been looking at the constrain js function but cannot quite figure it out. Here's the script without constraint. I think it is fairly simply to add a constraint function, but I'm not quite sure how.var startDrag = startDragF.bind(this);
this.Bar1.addEventListener("pressmove", startDrag);
function startDragF(e){
var p = stage.globalToLocal(e.stageX, e.stageY);
e.currentTarget.x = p.x;
e.currentTarget.y = p.y;
}

kglad · Accepted Answer

Sorry to aggravate you. I guess I worded it poorly. I said, "I was trying to constrain horizontal movement and allow the user to drag vertically." I meant I wanted them to only be able to move it veritcally. I'll give it a shot again with that full code. For one thing, I mistook your "var minX = xxx;" etc lines as examples in which the x's and y's needed numbers. Fingers crossed....

if you want only vertical movement with no constraints on the vertical range:

function startDragF(e){

var p = stage.globalToLocal(e.stageX, e.stageY);

e.currentTarget.y = p.y;

}
}

ClayUUID · Answer

Just use if then statements to check the coordinate values. if x > max value then make x equal to max value yadda yadda etc. Nothing hard about it.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded