Draggable start drag autromatically

[xxboonexx]

I am trying to make an instance of draggable start without the click event.  I need it to immediately begin tracking to the mouse when it loads. Any ideas?

See the Pen oNZVNjr by xxboonexx (@xxboonexx) on CodePen

[OSUblake]

Hi, you're going to need some type of event to trigger it. And you will probably need to move it where ever the mouse is.

 

var myDrag = new Draggable("#dragger");

window.addEventListener("mousemove", startDrag);

function startDrag(e) {
	window.removeEventListener("mousemove", startDrag);
	
    gsap.set("#dragger", {
		x: e.clientX,
		y: e.clientY
	});
  
	myDrag.startDrag(e);
}

 

[xxboonexx]

49 minutes ago, OSUblake said:

Hi, you're going to need some type of event to trigger it. And you will probably need to move it where ever the mouse is.

 

var myDrag = new Draggable("#dragger");

window.addEventListener("mousemove", startDrag);

function startDrag(e) {
	window.removeEventListener("mousemove", startDrag);
	
    gsap.set("#dragger", {
		x: e.clientX,
		y: e.clientY
	});
  
	myDrag.startDrag(e);
}

 

Perfect, thanks so much!