javascript - MVC4でxとyの位置を正確にキャッチして再配置する方法は?

Question

重複の可能性:
HTML 要素の位置 (X,Y) を動的に取得する

MVC4 アプリ (IE7+ を対象) に画像があります。ユーザーが画像をクリックして小さなマーカー (画像) を配置できるようにしたい。ユーザーがこのページに戻ったときにこのピンを再配置できるように、画像に関連する相対 x/y 位置を保存したい。また。

これを達成するための最良の方法は何ですか？

Answer 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();
    }

}