onclick事件結果消失

當我使用此代碼時，console.log和該字段中的值立即消失。onclick事件結果消失

window.onload = bereken; 
function bereken(){ 
    var knop = document.getElementById('berekenKnop').onclick = function(){ 
     var aantalKm = document.getElementById('bereken'); 
     console.log(aantalKm.value); 
    }; 
}

我該如何防止發生這種情況。或者我做錯了什麼？

最終目標是將計算結果的字段值附加到另一個字段中。

編輯：

<html> 
<head> 
<script src="bereken.js"></script> 
</head> 
<body> 
<form id="berekenForm"> 
    Bereken: <input type="text" name="bereken" id="bereken"/><br /> 
    <input type="submit" value="Bereken" id="berekenKnop"/> 
</form> 
</body> 
</html>

來源

2012-02-08 Jarco

對不起讓你失望，但你的腳本沒有做你正在談論的任何事情。 – japrescott 2012-02-08 11:23:46

對不起，我會用html更新問題，以便更清楚。 – Jarco 2012-02-08 11:47:12

在表單後添加此javascript; document.getElementById（「berekenForm」）。onsubmit = function（）{return false;} 這樣，表單不會被提交，因此值不會被重置，您可以進行計算。 – japrescott 2012-02-08 12:49:54

提交按鈕正在執行其默認任務。即提交表格。嘗試處理。

來源

2012-02-08 12:00:13 Virtual

值在該領域 'bereken' 不disappearing.See下面的代碼。如果這不是預期的答案，請詳細更新帶問題的問題：

<html> 
<head> 
<script type="text/javascript"> 
window.onload = bereken; 
function bereken(){ 
    var knop = document.getElementById('berekenKnop').onclick = function(){ 
     var aantalKm = document.getElementById('bereken'); 
     console.log(aantalKm.value); 
    }; 
} 
</script> 
</head> 
<body> 
<div id="berekenKnop"> 
Click Here to console value 
</div><br/> 
<input type="text" value=" bereken value" id="bereken" /> 
</body> 
</html>

來源

2012-02-08 11:26:42

我添加了html。我的問題沒有說明問題是從一個按鈕開始的。 – Jarco 2012-02-08 11:49:31

onclick事件結果消失

回答

相關問題