Warum funktioniert das nicht? ein Kästchen mit dem Mauszeiger schieben

Question

Jul 21, 2012, 08:09 PM

Warum funktioniert das nicht? ein Kästchen mit dem Mauszeiger schieben

Ich bin ein Anfänger in Javascript und versuche, ein einfaches Skript zu erstellen, das mit dem Mauszeiger ein Kästchen drückt. Aber leider funktioniert es aus irgendeinem Grund nicht, ich hoffe ihr könnt mir helfen.

(Dieses Skript ist wirklich primitiv, schiebt nur die Box von links bis jetzt).

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);