Why aren't javascript and absolute positioning working together properly?

Asked May 22 '14 at 07:47

Active May 22 '14 at 07:47

Viewed 19 times

I've been trying to get the onkeypress function to manipulate absolute positioning. My code works once just fine, and then the element never moves again.
Any help would be much appreciated.

JavaScript:

var div = document.getElementById('div');
window.onkeydown = function (e) {
    switch (e.which) {
        case 37:
            div.style.left = (div.style.left - 10) + 'px';
        break;
    }
}

Markup:

<html><body><div id='div'></div></body></html>

Fiddle

asked May 22 '14 at 07:47

gilbert-v

1,263
1
11
23

2

http://jsfiddle.net/N3KfW/1/ – sahbeewah May 22 '14 at 07:52
The `style` property is not reliable as a getter. See the duplicate and [How to retrieve a style's value in javascript?](http://stackoverflow.com/q/2664045/464709) – Frédéric Hamidi May 22 '14 at 07:52
@sahbeewah Put that as an answer and I'll give you the vote. – gilbert-v May 22 '14 at 07:53

Why aren't javascript and absolute positioning working together properly?

0 Answers0