直接移动范围为的元素-javascript

我想在不切割的情况下随位置（范围）的变化而变化 当我在（靶场）上换手并举手时，开始移动 但我想直接用变化来传达

我的运行代码：

函数移动（）{
var x=document.getElementById（“spin”）.value；
var image=document.getElementById（“测试”）.style；
image.marginLeft=x+“px”；
}

#测试h3{
左边距：0px；
溢出：隐藏；
颜色：红色；
}

我想用射程移动）：

使用

oninput

而不是

onchange

实时更改文本位置

函数移动（）{
var x=document.getElementById（“spin”）.value；
var image=document.getElementById（“测试”）.style；
image.marginLeft=x+“px”；
}

#测试h3{
左边距：0px；
溢出：隐藏；
颜色：红色；
}

我想用射程移动）：

将事件侦听器从

Change

更改为

mousemove

用于CSS

transform

属性

函数移动（）{
var x=document.getElementById（“spin”）.value；
var image=document.getElementById（“测试”）；
image.style.transform=“translateX（“+x+”px）”；
}

正文{
溢出x：隐藏；
}
#试验{
改变：转变；
}
#测试h3{
左边距：0px；
溢出：隐藏；
颜色：红色；
}

我想用范围移动）：

对不起，我的英语不好。。对于此附件，我运行代码。。我只想用范围移动元素@DontVoteMeDown@JackKing很高兴为您提供帮助这也是非常感谢您