从<；输入类型='；图像'&燃气轮机；通过javascript

例如：

<form>
<input type="image" id = 'toothsImage' src="someImg.jpg" alt="Submit" />
</form>

我的问题是-如何在不提交表单的情况下使用javascript检索这些坐标

p.S 1:我知道点击坐标可以通过多种方式计算。我知道它们，可以很容易地使用它们。我对这种方法感兴趣是因为浏览器会自动计算所有内容

第2页：

---

我需要获取相对于图像而不是文档的坐标。

看起来像

offsetX

，

offsetY

。我建议使用

pageX

和

pageY

，因为它们都是。将其与被单击元素的名称结合起来，您应该处于业务状态：

$("input[type='image']").click(function(event) {
    var elOffsetX = $(this).offset().left,
        elOffsetY = $(this).offset().top,
        clickOffsetX = event.pageX - elOffsetX,
        clickOffsetY = event.pageY - elOffsetY;

    // clickOffsetX and clickOffsetY are the clicked coordinates,
    // relative to the image.
});

---

示例：

是否要获取相对于文档或单击的图像的坐标？抱歉。相对于图像。这确实有效，没有问题。但是我很感兴趣的是，如何在不访问服务器的情况下，在单击input type=“image”时获得浏览器自动计算的值。@Andre:我也很感兴趣。我会做一些挖掘。@Andre:interwebs不会提供很多关于这种输入类型的信息。即使是

.serialize（）

也不会给出坐标。

$("input[type='image']").click(function(event) {
    var elOffsetX = $(this).offset().left,
        elOffsetY = $(this).offset().top,
        clickOffsetX = event.pageX - elOffsetX,
        clickOffsetY = event.pageY - elOffsetY;

    // clickOffsetX and clickOffsetY are the clicked coordinates,
    // relative to the image.
});