javascript - 在单击按钮时设置新的对象位置？

我试图找出当有人单击按钮时更改对象在屏幕上的位置。例如，单击按钮时，图像1应该移至{'x'：'300'，'y'：'200'}。

有什么建议么？
谢谢！

最佳答案

假设您在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"});
    });
});

关于javascript - 在单击按钮时设置新的对象位置？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37577933/