我有 3 個輸入字段。當我將鼠標從第三個輸入字段移開時，3個輸入字段值的總和應填充到第四個輸入字段中（保持只讀）。如何使用 html 和 javascript 做到這一點？
3 回答
收到一只叮咚
TA貢獻1821條經驗 獲得超5個贊
您可以使用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>
皈依舞
TA貢獻1851條經驗 獲得超3個贊
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/>
- 3 回答
- 0 關注
- 159 瀏覽
添加回答
舉報
0/150
提交
取消