<body>
<img id="img" src="img/dog.jpg" width="40" height="40">
<script>
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)
}
}
</script>
</body>
<body>
<img id="img" src="img/dog.jpg" width="40" height="40" onmousemove="move(this,event)">
<input type="text" id="$text" size="20" onmousemove="move(this,event)"/>
<script>
function move(obj, event) {
if (event.buttons) {
obj.style.left = obj.offsetLeft + event.movementX + 'px'
obj.style.top = obj.offsetTop + event.movementY + 'px'
obj.style.position = 'absolute'
obj.draggable = false
//obj.setPointerCapture(event.pointerId)
}
}
</script>
</body>
