javascript - 移动图像，显示值并保存当前值

Question

我怎样才能得到它移动多长时间的价值并保存它。所以每次有人点击它都会加起来

var imgObj = null;
function init(){

   imgObj = document.getElementById('myImage');
   imgObj.style.position= 'relative'; 
   imgObj.style.left = '0px'; 
}
function moveRight(){
  if(parseInt(imgObj.style.left) < 700){
   imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px';  
    }
    if(parseInt(imgObj.style.left) == 700){
   imgObj.style.left = parseInt(imgObj.style.left) + 0 + 'px';
    } 
}
window.onload =init;

Answer 1

如果您希望在有人单击 #myImage 时执行移动功能，请使用事件处理程序。您可以使用高级模型，也可以只使用传统模型，因为您已将其用于 onload。

imgObj.onclick = moveRight; // do not execute