JavaScript 滑鼠点击位置
假设插入Canvas,如何使用JavaScript取得滑鼠在Canvas上的点击位置,非常感谢...
假设插入Canvas,
如何使用 JavaScript 取得滑鼠在 Canvas 上的点击位置, 非常感谢 展开
如何使用 JavaScript 取得滑鼠在 Canvas 上的点击位置, 非常感谢 展开
展开全部
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function getCanvasPos(obj){
var top = 0;
var left =0;
while(obj.tagName != "BODY"){
top += obj.offsetTop;
left += obj.offsetLeft;
obj = obj.offsetParent;
}
return {
top:top,
left:left
}
}
window.onload = function(){
var canvas = document.getElementById("canvas");
canvas.addEventListener("click",function(evt){
var mouseX = evt.clientX - getCanvasPos(canvas).left + window.pageXOffset;
var mouseY = evt.clientY - getCanvasPos(canvas).top + window.pageYOffset;
console.log("X:"+mouseX +",Y:"+mouseY);
return {
x:mouseX,
y:mouseY
};
});
}
</script>
</head>
<body>
<canvas id="canvas" style="border: 1px solid #ddd" width=600 height=400></canvas>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
AiPPT
2024-09-19 广告
随着AI技术的飞速发展，如今市面上涌现了许多实用易操作的AI生成工具1、简介：AiPPT: 这款AI工具智能理解用户输入的主题，提供“AI智能生成”和“导入本地大纲”的选项，生成的PPT内容丰富多样，可自由编辑和添加元素，图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
