¿Por qué esto no funciona? empujando una caja usando el puntero del mouse

Question

Jul 21, 2012, 08:09 PM

¿Por qué esto no funciona? empujando una caja usando el puntero del mouse

Soy un principiante en Javascript, y estoy tratando de hacer un script simple que empuja un cuadro usando el puntero del mouse. Pero desafortunadamente no funciona por alguna razón, espero que ustedes puedan ayudarme.

(este script es realmente primitivo, solo empuja la caja desde la izquierda hasta ahora).

index.html:

<html>
<head>
    <title>Chase the box</title>
    <style>
        body {
        }

        .css-box{
            width : 100px;
            height : 100px;
            margin : auto;
            background-color : blue;
        }

    </style>
</head>

<body>
    <div id="box" class="css-box"></div>
    <script type="text/javascript" src="script.js"></script>
</body>

script.js:

var box = document.getElementById("box");

var pushBox = function(e){
    if(e.pageX == box.offsetLeft){
        box.style.left = box.style.left + 1 + "px";
    }
};

document.addEventListener("mousemove" , pushBox);