Jquery 从“输入”类型提交数据；“图像”；通过Ajax而不是表单提交

基本上，我想使用图像输入，但我不想为了得到结果而提交表单，我想通过点击图像输入获得X和Y坐标，然后通过ajax提交

现在，我意识到我可以以自己的形式输入图像，然后提交到一个隐藏的iframe，并在一段时间内检查结果（我现在正在为ajax上传程序做这项工作），但这似乎有点做作。我还意识到我可以通过javascript从任何点击中获取鼠标位置，这并不是我真正想要的

我可以像这样使用图像类型的输入吗？有没有一种方法可以让点击图像输入设置它的值，然后调用一些JavaScript来执行我的ajax调用？

看看这里：

如您所见，该代码可以很容易地修改为以下内容：

$("#MyInput").click(function(event) {
    var oPos = $(this).position();
    $(this).attr("mouse_x", (event.pageX - oPos.left));
    $(this).attr("mouse_y", (event.pageY - oPos.top));
    return false;
});

这将单击的X和Y位置存储为元素本身的属性。 测试用例：

---

例如，您可以调用AJAX调用，而不是返回false。

我正在查看我以前的问题，我发现这个问题从未得到充分回答。我不记得我是不是“很久以前”就知道了，但我现在知道怎么做了

只需检查图像输入的click事件的offsetX和offsetY。它应该偏移到您单击的图像输入

$('input[type=image]').click(function(e) {
     //alert the clicked position.
     alert(e.offsetX + ',' + e.offsetY);
});