Javascript 值更改时调用函数

嗨，我想在值更改时调用函数

   <script>

function calculom(cantidad,promedio,inputtext,inputtextt){
    // Calculo del subtotal
    subtotal = promedio*cantidad;
    subtotall = promedio*cantidad;
    inputtext.value=subtotal;
    inputtextt.value=subtotall;

}

function calculos(cantidad,promedio,inputtext){

    // Calculo del subtotal
    subtotal = promedio+cantidad;
    inputtext.value=subtotal;
}

        </script>

还有html

<div id="form-signin">
                    <input type="text" id="platanos" placeholder="Cantidad" onChange="calculom(this.value,precioplatanos.value,totalplatanos,totalplatanos4);">
                    <input type="text" id="precioplatanos" placeholder="Promedio" onChange="calculom(this.value,platanos.value,totalplatanos,totalplatanos4);"/> 
                    <input type="text" size="8" id="totalplatanos" name="tot" placeholder="Derp">
                    <hr>
                    <input type="text" id="platanos2" placeholder="Cantidad" onChange="calculom(this.value,precioplatanos2.value,totalplatanos2,totalplatanos5);">
                    <input type="text" id="precioplatanos2" placeholder="Promedio" onChange="calculom(this.value,platanos2.value,totalplatanos2,totalplatanos5);"/> 
                    <input type="text" size="8" id="totalplatanos2" name="tot2" placeholder="Derp" onclick="calculos(this.value,totalplatanos.value,totalplatanos3);">
                    <hr>
                    <input type="text" size="8" id="totalplatanos3" placeholder="Subtotal">

但这一行行不通：

<input type="text" size="8" id="totalplatanos2" name="tot2" placeholder="Derp" onchange="calculos(this.value,totalplatanos.value,totalplatanos3);">

至少，如果我在该输入中手动进行了更改，则值会发生细微变化

---

我想让它自动化

我想这就是你想要做的， 你的HTML代码应该是这样的，你应该使用onkeyup而不是onChange，你传递的id不是像totalplatanos5 totalplatanos4那样定义的

---

很难说出你在问什么。你能说清楚它什么时候起作用，什么时候不起作用吗？我想在totalplatanos2和totalplatanos id出现时调用calculosfunctionchanges@jtaco263你能帮我摆弄一下吗？@jtaco263:怎么变？当用户通过浏览器进行更改时？设置其值属性时？文本框中的值更改时？您需要使用onkeyup或类似的方法，正如我所希望的那样，但我想对derp的输入进行自动汇总，以查看更新@jtaco263

<div id="form-signin">

<input type="text" id="platanos" placeholder="Cantidad" onkeyup="calculom(this.value,precioplatanos.value);">
<input type="text" id="precioplatanos" placeholder="Promedio" onkeyup="calculom(this.value,platanos.value,totalplatanos);"/> 
<input type="text" size="8" id="totalplatanos" name="tot" placeholder="Derp">
<hr>

<input type="text" id="platanos2" placeholder="Cantidad" onkeyup="calculom(this.value,precioplatanos2.value,totalplatanos2);">
<input type="text" id="precioplatanos2" placeholder="Promedio" onkeyup="calculos(this.value,platanos2.value,totalplatanos2,totalplatanos.value,totalplatanos3);"/> 
<input type="text" size="8" id="totalplatanos2" name="tot2" placeholder="Derp" />

<hr>

<input type="text" size="8" id="totalplatanos3" placeholder="Subtotal" />

</div>

    function calculom(cantidad,promedio,inputtext){
        // Calculo del subtotal
        subtotal = promedio*cantidad;
        inputtext.value=subtotal;
    }

    function calculos(cantidad,promedio,inputtext,drp1,total){
    subtotal = promedio*cantidad;
    derp2.value=subtotal;
    // Calculo del subtotal
  sum = Number(subtotal)+Number(derp1);
  total.value=sum;
    }