使可移动图像按钮在移动后保持静态

Make moveable image button static once moved

本文关键字：静态 移动 可移动 图像 按钮      更新时间：2023-09-26

我目前有这个代码，允许我在屏幕上移动图像按钮。但我想知道我如何能够移动图像按钮到另一个位置，一旦在这一点上它的变化允许我点击按钮，但不能移动。是的，我希望这个按钮在他们第一次移动它的时候被移动，然后当他们下次回到这个网站的时候，按钮是不可移动的。

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

如果你想让按钮在下次访问时是静态的，那么你应该将"moved"变量保存到cookie或服务器端

您可以尝试使用布尔值作为按钮是否已经移动的条件语句。例如:

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;
      }
}
相关文章：