JavaScriptで要素をドラッグして移動するサンプル（オリジナル）

<img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40">

$img.onpointermove = function(event){
    if(event.buttons){
        this.style.left     = this.offsetLeft + event.movementX + 'px'
        this.style.top      = this.offsetTop  + event.movementY + 'px'
        this.style.position = 'absolute'
        this.draggable      = false
        this.setPointerCapture(event.pointerId)
    }
}

元記事を表示する