如何将值从html输入传递到javascript我有value_1 = 0，但当我在输入表单中更改它时，我希望代码在里面发生。
<body>
<input type="number" name="a" id="commands"><br>
<canvas id="myChart1"></canvas>
<script>
const value_1 = 0;
const value_1 = document.getElementById("commands").value;
if(value_1 != 0)
{
//code
}
</script>
</body>
为'keyup'事件添加一个监听器，如下所示:
document.getElementById("commands").addEventListener('keyup', (e) => {
let value = document.getElementById("commands").value;
if (value !== 0) {
// code
}
});
或者像这样:
document.getElementById("commands").onkeyup = function(e) {
let value = document.getElementById("commands").value;
if (value !== 0) {
// code
}
}
或使用jQuery:
$('#commands').on('keyup', (e) => {
let value = $('#commands').val();
if (value !== 0) {
// code
}
});
你可以使用addEventListener来改变事件类型，或者使用onchange属性。
的例子:
<script>
const value_1 = document.getElementById("commands");
value_1.onchange = function(){
if(value_1.value != 0)
{
console.log("Not 0");//code
}
}
</script>
如果我没理解错，
要跟踪输入值的变化，可以这样做:
- 初始化变量:
var inputValue = "";
- 监听输入变化(有多种方法可以做到这一点，我将使用每当用户点击输入按钮时监听的方法):
document.getElementById("commands").addEventListener("keyup", function(event) {
inputValue = document.getElementById("commands").value;
// Here you can do anything, incase you need to have a callback whenever the value changes.
// Example:
if(inputValue != 0) {
// code.
}
});
您可以使用以下代码将值从html正确传递到JavaScript:
HTML:
<form onsubmit="return getValue('commands')">
<input type="number" name="a" id="commands">
<canvas id="myChart1"></canvas>
</form>
JavaScript:
<script>
function getValue(id) {
let value_1 = 0;
value_1 = document.getElementById(id).value;
alert(value_1);
if(value_1 != 0)
{
//code
}
return false;
}
</script>