如何在函数返回的只读字段中显示值

3回答

收到一只叮咚

您可以使用onmouseout事件来获取所有三个字段的总和。首先创建一个方法getSum并使用它onmouseout来执行。function getSum(){ //Fetch value from all input fields let first = document.getElementById('field1').value; let second = document.getElementById('field2').value; let third = document.getElementById('field3').value; let fourth = document.getElementById('field4'); //Calculate the sum let sum = Number(first)+Number(second)+Number(third); //Assign the sum to the fourth field field4.value = sum; }<!DOCTYPE html> <html> <body> <h3>Enter Number:</h3> <label>First:</label> <br> <input type="number" id="field1"> <br> <label>Second:</label> <br> <input type="number" id="field2"> <br> <label>Third:</label> <br> <input type="number" id="field3" onmouseout="getSum()"> <br> <label>Sum:</label> <br> <input type="number" id="field4" disabled> </body> </html>

呼如林

您可以使用 onmouseout 事件来调用填充第四个字段的 javascript 函数。

皈依舞

function mouseEvt(scope){  let in1 =parseInt( document.querySelector('input[name=in1]').value);  let in2 =parseInt( document.querySelector('input[name=in2]').value);  let in3 =parseInt( document.querySelector('input[name=in3]').value);  document.querySelector('input[name=in4]').value=in1+in2+in3;}<input type="text" name="in1" readonly value="1"/><input type="text" name="in2" readonly value="1"/><input type="text" onmouseout="mouseEvt(this)" name="in3" readonly value="1"/><input type="text" name="in4" readonly/>