的addEventListener有没有效果时，按钮点击

HTML的addEventListener有没有效果时，按钮点击

<!DOCTYPE html> 
<head> 
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /> 
<script type="text/javascript" src="MouseEvent.js"></script> 
<script type="text/javascript" ></script> 
<link href="style.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
<button id="btn" type="button">Click Me!</button> 
</body> 
</html>

的Javascript

var handleclick = function(event) 
{ 
document.body.style.bgColor="red"; 
}; 

var button = document.getElementById("btn"); 
button.addEventListener('click',handleclick,false);

因为当 “BTN” 点击背景颜色不会改变某些原因，到底是怎么回事错在这里？ thx

来源

2014-08-28 MrShabana

将最后两行放在'window.onload'中。 – Mritunjay 2014-08-28 06:24:31

看你的JavaScript控制台。您会看到它抱怨addEventListener不是函数，因为button未定义。

脚本在按钮被分析到DOM之前运行。

移动脚本，使其位于按钮之后。

或者，将最后两行包装在函数中并addEventListener('load', thatFunction)。

此外，还有的style没有bgColor属性，你想backgroundColor。

来源

2014-08-28 06:23:57 Quentin

问题解决了thx。 – MrShabana 2014-08-28 06:31:46

@ eghawk2k如果此解决方案可帮助您接受此答案。 – Mritunjay 2014-08-28 06:34:34

的addEventListener有没有效果时，按钮点击

回答

相关问题