首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js 获取当前鼠标位置解决办法

2012-05-10 
js 获取当前鼠标位置我用如下代码得不到鼠标的位置,求解释!!!canvas idmyCanvas onclickgetMousePos

js 获取当前鼠标位置
我用如下代码得不到鼠标的位置,求解释!!!

<canvas id="myCanvas" onclick="getMousePos()"></canvas>

function getMousePos(){
var p=getMousePosition();
alert("x:" + p.MouseX + ",y:" + p.MouseY); //////Alert没有反应
}

function getMousePosition(event) {
var position = {
MouseX: 0,
MouseY: 0
};
if (event.pageX != undefined) {
position.MouseX = event.pageX;
position.MouseY = event.pageY;
}
else {
var target = EventUtil.getTarget(event);
position.MouseX = event.offsetX + getLeft(target);
position.MouseY = event.offsetY + getTop(target);
}
return position; 
}

[解决办法]
<canvas id="myCanvas" onclick="getMousePos(event)"></canvas>
 
再修改一下getMousePos的定义。getMousePosition的调用
[解决办法]
被打败。
<canvas id="myCanvas" onclick="getMousePos(event)"></canvas>

function getMousePos(oEvent){
var p=getMousePosition(oEvent);
alert("x:" + p.MouseX + ",y:" + p.MouseY);
}



[解决办法]
getMousePosition需要参数,你调用时没有传递
而且不晓得你哪找的代码,感觉根本不对

获取鼠标位置很简单
event.clientX
event.clientY

function getMousePos(){
alert("X:"+event.clientX+","+"Y:"+event.clientY);
}

热点排行