MW211 EXIT

devlog
jQuery/キー入力による表示位置移動
2013年08月31日
「<div id="point"><div>」を上下左右キー入力で移動させるサンプル。
┌──────────────────────────────────────┐
│$(window).keydown(function(e) {                                             │
│    switch (e.keyCode) {                                                    │
│        case 37:    // ←                                                   │
│            $('#point').css('left', $('#point').position().left - 16);      │
│            break;                                                          │
│        case 38:    // ↑                                                   │
│            $('#point').css('top' , $('#point').position().top  - 16);      │
│            break;                                                          │
│        case 39:    // →                                                   │
│            $('#point').css('left', $('#point').position().left + 16);      │
│            break;                                                          │
│        case 40:    // ↓                                                   │
│            $('#point').css('top' , $('#point').position().top  + 16);      │
│            break;                                                          │
│    }                                                                       │
│});                                                                         │
└──────────────────────────────────────┘
分類:jQuery