获取当前鼠标的坐标值 ,createjs
时间: 2024-11-09 11:24:47 浏览: 8
在CreateJS库中获取鼠标坐标值涉及到监听用户的鼠标事件。首先,你需要创建一个`EventDispatcher`类型的对象,然后绑定`addEventListener`函数来捕获鼠标移动事件(如`MouseEvent.MOUSEMOVE`)。
以下是一个简单的例子,展示如何获取鼠标按下时的坐标值:
```javascript
// 创建一个DisplayObjectContainer作为舞台
var stage = new CreateJS.Stage("canvasId");
// 创建一个鼠标监听者
var mouseListener = {
handleMouseMove: function(event) {
var mouseX = event.stageX;
var mouseY = event.stageY;
console.log("鼠标坐标: (" + mouseX + ", " + mouseY + ")");
}
};
// 绑定鼠标移动事件
stage.addEventListener("stagemousemove", mouseListener.handleMouseMove);
// 当鼠标按下时,也可以记录初始坐标
stage.addEventListener("stagemousedown", function(event) {
var initialMouseX = event.stageX;
var initialMouseY = event.stageY;
console.log("鼠标按下初始坐标: (" + initialMouseX + ", " + initialMouseY + ")");
});
// 当然,别忘了移除事件监听器,当不再需要时
function stopListening() {
stage.removeEventListener("stagemousemove", mouseListener.handleMouseMove);
stage.removeEventListener("stagemousedown", arguments.callee);
}
```
上述代码中,`event.stageX` 和 `event.stageY` 将分别提供鼠标在舞台上相对于舞台左上角的x和y坐标值。
阅读全文