如何检测何时在容器内单击鼠标？答案

【问题标题】：how do I detect when the mouse is clicked within the container?如何检测何时在容器内单击鼠标？
【发布时间】：2016-08-17 22:37:22
【问题描述】：

我正在尝试创建一个 webapp 来根据给定的模板图片对页面进行切片。我的页面有一个 div，我将其用作舞台的容器，我想检测鼠标何时在此容器中单击，以便我可以获取指针位置并从那里画线。我尝试像这样向舞台添加事件侦听器：

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

但这似乎不起作用。我一直在查看整个 kineticjs 网站，但在容器 div 中单击鼠标时找不到任何可检测的内容。任何帮助表示赞赏！

提前致谢！

【问题讨论】：

标签： kineticjs

【解决方案1】：

您可以像这样在容器上监听鼠标事件：

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

【讨论】：

【解决方案2】：

您可以像这样在容器上监听鼠标事件：
（将 toImage 替换为您的容器 div ID）

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

【讨论】：