如何做一個簡單的事件

window.onload = term; 
 

 
function term() { 
 
var term = document.getElementById("list").value; 
 
return term; 
 
}

<!DOCTYPE html> 
 

 
<html> 
 
<head> 
 
<script src = "review2.js"></script> 
 
</head> 
 

 
<body> 
 
Term: <input type = "text" id = "list"> 
 
<input type = "button" onclick= "list" value= "submit"> 
 
</body> 
 

 
</html>

試圖使一個簡單的JavaScript有一個用戶輸入一個術語，它去到HTML頁面。但由於某種原因它不會。任何理由？

來源

2017-10-19 Brandon Bell

'的onclick = 「列表」'沒有做任何事情。你需要調用這個函數。「list」在哪裏定義？無論如何，你應該使用'addEventListener'而不是事件屬性。 – Xufox

你想去當前部分加載頁面或轉到其他頁面！ –

可以通過使用addEventListener函數（直接在JS）定義事件或on*（如onclick）DHTML相應元素的屬性（如在你的例子）。但是，正如在你的問題的註釋中注意到的那樣，當用戶單擊按鈕時，你需要定義JS函數，該函數應該被調用/使用。「列表」 - 至少在你的例子中 - 沒有定義，所以它根本不起作用。

短實施例與addEventListener方法：用DHTML

document.getElementById("submit").addEventListener("click", function(event){ 
 
    event.preventDefault(); 
 
    
 
    var val = document.getElementById("input").value; 
 
    if(val.trim() !== ""){ 
 
    document.getElementById("output").innerText = "Passed Value: " + val; 
 
    } else { 
 
    document.getElementById("output").innerText = "No passed value!"; 
 
    } 
 
});

<p> 
 
    <input type="text" id="input" /> 
 
    <button id="submit">Submit</button> 
 
</p> 
 
<p id="output"> 
 
    
 
</p>

短示例屬性onclick：

function list(){ 
 
    var val = document.getElementById("input").value; 
 
    
 
    if(val.trim() !== ""){ 
 
    document.getElementById("output").innerText = "Passed Value: " + val; 
 
    } else { 
 
    document.getElementById("output").innerText = "No Value Passed!"; 
 
    } 
 
}

<p> 
 
    <input type="text" id="input" /> 
 
    <button id="submit" onclick="list()">Submit</button> 
 
</p> 
 
<p id="output"> 
 
    
 
</p>

你可以在MDN或W3Schools找到更多關於事件的信息。

真誠，
山姆

來源

2017-10-19 03:12:22 SamBrishes

如何做一個簡單的事件

回答

相關問題