js method to implement keyboard control of DIV movement_javascript skills

The example in this article describes how to implement keyboard control of DIV movement using js. Share it with everyone for your reference. The specific analysis is as follows:

css style part:

Copy code The code is as follows:

js part:

Copy code The code is as follows:

Instructions:

Top: ↑ Bottom: ↓ Left: ← Right: →
Ctrl 1 : background turns green
Ctrl 2 : background turns yellow
Ctrl 3 : background turns blue
Ctrl ↑ : Zoom in
Ctrl ↓ : Zoom out

html part:

Copy code The code is as follows:

Moved block [DIV]

I hope this article will be helpful to everyone’s JavaScript programming design.