javascript - 如何在javascript中使用数字输入?

标签 javascript html input numbers

我在这里尝试了类似的代码,但它不起作用,而且我完全无能为力,因为我在网上搜索答案,但最终没有找到答案。这不是我编写的确切代码,但它是我迄今为止所知道的一个想法,如果有人可以帮助我,我将不胜感激。

<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/

相关文章:

html - 如何将圆形头像垂直居中到行中的其他元素?

html - 复选框和标签在不同的代码中没有正确对齐相同的代码分开工作

c# - 捕获控制台流输入

input - 在 Rust 中读取行

javascript - 如何从加权图中的顶点找到长度为 k 的最短路径?

javascript - 如何使用 AngularFire2 和 Firebase 连接两个节点?

javascript - Node JS 中的事件循环阻塞和异步编程

jquery - 循环图像

java - java中如何获取不带空格的输入?

javascript - 如何更改自定义 Angular 指令中的 ng-model 范围值?