간단한 onclick 이벤트는 한 번만 작업했습니다

Question

도움말주십시오) 왜이 구조가 작동하지 않습니까? 증분은 한 번 발생합니다. 사용

var player = document.getElementById("player"); 
var button = document.getElementById("button"); 

function moveDown(object) { 
    object.style.top += 32; 
} 

button.onclick = function() { 
    moveDown(player); 
} 

Answer 1

데모 : 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); 
}​ 

Answer 2

보십시오 : 대신

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

object.style.top+=32;

(그리고 반드시 플레이어의 position이 absolute 또는 relative로 설정되어 있는지 확인)