简单的onclick事件只起过一次作用

Simple onclick event worked only once

本文关键字：一次 作用 onclick 事件 简单      更新时间：2023-09-26

请帮助）为什么这个构造不起作用？增量只发生一次。

var player = document.getElementById("player");
var button = document.getElementById("button");
function moveDown(object) {
    object.style.top += 32;
}
button.onclick = function() {
    moveDown(player);
}

演示：http://jsfiddle.net/SrQUh/1/

var player = document.getElementById("player");
var button = document.getElementById("button");
function moveDown(object) {
  object.style.top = parseInt(object.style.top || 0) + 32 + 'px';
}
button.onclick = function() {
    moveDown(player);
}​

尝试使用：

object.style.top = parseInt(object.style.top, 10) + 32;

而不是

object.style.top+=32;

（并确保玩家的position设置为absolute或relative）

相关文章：