代码之家 › 专栏 › 技术社区 › Hannoun Yassir

确定图像上的鼠标位置

mouseevent javascript

Hannoun Yassir · 技术社区 · 14 年前

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

2 回复 | 直到 14 年前

drudge 14 年前

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>

geeketteSpeaks 14 年前

这就是你要找的吗?

http://www.emanueleferonato.com/2006/09/02/click-image-and-get-coordinates-with-javascript/

推荐文章

Dusan · 在类内设置mouseup事件

6 年前

Fajer Albloushi · 根据给定坐标移动鼠标

6 年前

Deepa · 无法在Qgraphics图像上绘制矩形

6 年前

Leo · SendInput始终将鼠标指针移动到左上角

6 年前

Denny Williams · 如何获得鼠标移动之间的时间?

6 年前

Brad · JavaScript鼠标移动导致滞后?

6 年前

Harrison Cramer · 变换后的D3图像居中

6 年前

joepol · Javafx:ComboBoxTableCell-如何在一次单击中选择一个值?

7 年前

Bar K · Python 2.7-显示任务管理器时无法模拟Windows事件

7 年前

user4282812 · 使用时,事件不会在mousedown上更新。带有函数参数的bind()

7 年前