按钮点击设置新对象位置？

Question

当有人点击按钮时，我正试图弄清楚对象在屏幕上的位置。例如，当单击按钮时，图像1应移动到{'x'：'300'，'y'：'200'}。

有什么建议吗？ 谢谢！

Answer 1

鉴于HTML布局中包含以下内容：

<button id="button1">Click</button>
<img src="..." id="image1" />

你可以在脚本文件（纯JavaScript）中执行类似的操作：

var button1 = document.getElementById("button1");
var image1 = document.getElementById("image1");

button1.click = function()
{
    image1.style.position = "absolute";
    image1.style.top = "300px";
    image1.style.left = "200px";
};

或使用jQuery / Zepto.js：

$(function()
{
    $("#button1").on("click", function()
    {
        $("#image1").css({position: "absolute", top: "300px", left: "200px"});
    });
});

Answer 2

{{1}}

这应该可以解决问题