javascript - 移动后将可移动图像按钮设为静态

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;
      }
}