获取鼠标点击位置坐标

时间:2016-02-24 20:00:56

标签: javascript html5

是否可以知道javascript页面中的点击位置? 那么,如果你知道x,y位置并希望用户点击它,那么返回x,y? 并做一些数学, 如果我的页面中的对象是圆形,我可以在(x,y)中添加圆的极坐标坐标吗?

单击图像时已经尝试过这个

 var container = document.getElementById("portada");
container.addEventListener("onClick", getClickPosition, false);

function getClickPosition(e){
var xpos = e.clientX;
var ypos = e.clientY;
console.log("x"+xpos);
console.log("y"+ypos);
}

但它给了我未定义的x和y,只是尝试了一个类似的但仍未定义,任何建议?

1 个答案:

答案 0 :(得分:1)

这可能会有所帮助。 https://jsfiddle.net/oqmvutfc/

$(document).on('click',function(e){
    alert('x:'+e.pageX+' y:'+e.pageY);
});

e.pageX返回X位置,e.pageY返回Y位置。