确定图像上的鼠标位置

时间:2010-10-15 22:16:35

标签: javascript mouseevent

如何在单击鼠标时使用javascript确定图像上的鼠标位置

2 个答案:

答案 0 :(得分:7)

由geeketteSpeaks链接的解决方案的修剪版本:

<html>
<head>
<script type="text/javascript">
    function getImageCoords(event,img) {
        var posX = event.offsetX?(event.offsetX):event.pageX-img.offsetLeft;
        var posY = event.offsetY?(event.offsetY):event.pageY-img.offsetTop;
        alert("You clicked at: ("+posX+","+posY+")");
    }
</script>
</head>
<body>
    <img src="image.jpg" onclick="getImageCoords(event,this);">
</body>
</html>

答案 1 :(得分:0)