如何做一个简单的事件

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

如何做一个简单的事件

回答

相关问题