如何在 MVC4 中准确捕捉 x 和 y 位置并重新定位？ [复制]

Posted 2023-02-21

【中文标题】如何在 MVC4 中准确捕捉 x 和 y 位置并重新定位？ [复制]

【英文标题】：How to catch x and y position and reposition exactly in MVC4? [duplicate]

【发布时间】：2012-12-24 13:47:15

【问题描述】：

可能重复：Dynamically retrieve the position (X,Y) of an html element

在 MVC4 应用程序（针对 IE7+）中，我有一张图片。我希望用户能够单击图像以定位一个小标记（图像），并且我想存储与图像相关的相对 x/y 位置，以便当用户返回此页面时我可以重新定位此图钉再次。

最好的方法是什么？

【参考方案1】：

您可以使用<input type="image" /> 标记 - 这与<input type="submit" /> 类似，但它将点击的 x 和 y 坐标发送回服务器。

查看

<h1>Click on the image to place a pin</h1>
@using(Html.BeginForm())

    <input type="image" name="coords" src="http://placehold.it/300x300" />

控制器

public class HomeController : Controller

    public ActionResult Index()
    
        return View();
    

    [HttpPost]
    public ActionResult Index(FormCollection form)
    
        int x = int.Parse(form["coords.x"]);
        int y = int.Parse(form["coords.y"]);

        // FIXME Save location of pin

        return View();