Question

我目前有这段代码可以让我在屏幕上移动图像按钮。但我想知道我将如何将图像按钮移动到另一个位置，一旦它更改，我可以点击按钮但不能移动。是的，我希望按钮在第一次移动时移动，然后下次他们回到网站按钮不能移动。

  var x; 
    var y;
    var bool;
    bool =1;
    function move(event){
          x= event.clientx;
          y = event.clienty
          document.getElementByID('img_btn').style.top=y+'px';
          document.getElementByID('img_btn').style.left=y+'px';
    }

Answer 1

如果您希望该按钮在下次访问时保持静态，则应将“已移动”变量保存到cookie或服务器端。

Answer 2

您可以尝试使用布尔值作为条件语句，以确定该按钮是否已被移动。例如：

var x; 
var y;
var moved;
moved = false;
function move(event){
      if(!moved){
          x = event.clientx;
          y = event.clienty
          document.getElementByID('img_btn').style.top=y+'px';
          document.getElementByID('img_btn').style.left=y+'px';

          moved = true;
      }
}

移动后使可移动图像按钮静止

2 个答案: