Question

谁能清楚的讲一下JavaScript的事件机制怎么理解 实现用键盘的上下左右去控制图片的移动

看我这段代码有什么问题，为什么按着上下左右键图片没反应？

Answer 1

javascript【事件驱动】机制

所【谓事件驱动】就是对浏览器事件做出响应

简单讲，就是发生了什么事，再对发生了的这件事做出回应

例如

我用javascript监听了keydown事件，为这个事件写了一个回应函数，那么当keydown事件发生后，javascript就会执行你的回应函数，作为对这个事件的【回应】

继续说你的需求，那么写出来代码差不多是这个样子

<style>
img {
    width:40px;
    height:40px;
    position:absolute;
}
</style>
<img src="1.jpg" id="i" style="left:0px;top:0px">
<script>
var t = document.getElementById('i');
t.left = 0;
t.top = 0;
document.onkeydown = move;
document.onkeyup = move;
function move(e){
    var k = e.keyCode || e.which;
    switch(k){
        case 37:
            t.left = t.left;
        break;
        case 38:
            t.top = t.top - 10;
        break;
        case 39:
            t.left = t.left + 10;
        break;
        case 40:
            t.top = t.top + 10;
        break;
    }
    return t.style.left = t.left + 'px', t.style.top = t.top + 'px';
}
</script>

Answer 2

document.onkeydown=function(e){
//上下左右是38,40 ， 37 ，39
e.keyCode分别等于38 40 37 39去作控制

}

Answer 3

wwwdddddddddddddddddddddddddddddddddddddd