how do I detect when the mouse is clicked within the container?

Question

I am trying to create a webapp to slice a page based on a given template pic. My page has a div which i am using as the container for the stage and I want to detect when the mouse is clicked within this container so I can get the pointer position and go from there to draw the line. I tried adding an event listener to the stage like so:

stage.on(mousedown,function(){ ..... });

but this doesn't seem to work. I have been looking all over the kineticjs website and couldn't find anything to detect when the mouse is clicked within the container div. Any help is appreciated!

Thanks in advance!

markE · Accepted Answer · 2014-01-03 21:24:00Z

1

You can listen for mouse events on the container like this:

$(stage.getContent()).on('click', function (event) {
    var pos=stage.getMousePosition();
    var mouseX=parseInt(pos.x);
    var mouseY=parseInt(pos.y);
});

answered Jan 3, 2014 at 21:24

markE

106k11 gold badges174 silver badges184 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Cody Gray · Accepted Answer · 2016-08-17 14:37:22Z

0

You can listen for mouse events on the container like this:
(replace toImage with your container div ID)

$('#toImage').on('mousedown', function (e) {
});

edited Aug 17, 2016 at 14:37

Cody Gray♦

246k53 gold badges513 silver badges591 bronze badges

answered Apr 7, 2014 at 7:16

Siva

1029 bronze badges

Collectives™ on Stack Overflow

how do I detect when the mouse is clicked within the container?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related