我有一個帶有用戶輸入值的輸入欄位的 HTML 頁面。
<div class="d-flex mg-b-0 mb-3" id="cbWrapper2">
<input type="number" name="message_average" class="form-control" id="id_message_average">
</div>
我正在嘗試使用 JavaScript 獲取用戶輸入的值，以便我可以將該值與另一個值進行比較并寫出結果，但我不確定如何收集輸入的初始值。
<script>
var value = document.getElementById("id_message_average").value;
console.log(value);
</script>
我現在只是想寫出這個值，這樣我就可以知道它正在作業，我是否需要將它放入某種事件偵聽器中，也許當用戶點擊另一個輸入欄位時，或者有沒有辦法讓添加字符時腳本會觸發嗎？
uj5u.com熱心網友回復：
確實有一些事件可以用來監聽輸入的變化。其中之一稱為input，您可以像下面這樣使用它。
<input>當、<select>或<textarea>元素的值發生更改時，將觸發輸入事件。更多關于 MDN 的檔案。
var input = document.getElementById("id_message_average");
input.addEventListener("input", ()=>{
console.log(input.value)
});<div class="d-flex mg-b-0 mb-3" id="cbWrapper2">
<input type="number" name="message_average" class="form-control" id="id_message_average">
</div>uj5u.com熱心網友回復：
為此，您添加了事件偵聽器。
let userInput = document.getElementById("id_message_average");
userInput.addEventListener("input", (e)=> {
console.log(e.input.value)
})'
uj5u.com熱心網友回復：
您可以使用onClick功能。如果您選擇 onClick 那么您必須需要一個button。這是示例，
<form>
<div class="d-flex mg-b-0 mb-3" id="cbWrapper2">
<input type="number" name="message_average" class="form-control" id="id_message_average">
</div>
<button type='button' onclick="getInputValue()">Click me</button>
</form>
<script>
function getInputValue() {
var value = document.getElementById("id_message_average").value;
console.log(value);
}
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/488508.html
標籤：javascript