我在这里尝试了类似的代码,但它不起作用,而且我完全无能为力,因为我在网上搜索答案,但最终没有找到答案。这不是我编写的确切代码,但它是我迄今为止所知道的一个想法,如果有人可以帮助我,我将不胜感激。
<body>
<input type="number" id="j" step="1">
<div id="a" style="position:absolute;background-color:black;width:100px;height:100px"></div>
<script>
var move=document.getElementById("a");
var n = document.getElementById("j").value;
move.style.left=n+++"px";
</script>
</body>
最佳答案
This将回答您的问题..
你必须在你的input
标签上放置一个onchange="moveIt()"onkeyup="moveIt()"
才能让div知道它有
每次输入新值时都会移动。
例如:
<input type="number" id="j" step="1" onchange="moveIt()" onkeyup="moveIt()"/>
在 JavaScript 上:
function moveIt(){
var move=document.getElementById("a");
var n = document.getElementById("j").value;
move.style.left=n+++"px";
}
关于javascript - 如何在javascript中使用数字输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24485616/